このAngularプロジェクトがあり、サインインページには、サインインまたは登録できるドロップダウンがあります。登録ボタンをクリックすると、情報を入力できるモーダルが開きます。問題は、モーダル内に入力したテキストが表示されないことです。ボタン内のテキストは表示されますが、他のテキストは表示されません。何か案は?
ログインページのテンプレート
<div class="btn-group">
<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-chevron-down"></span>
</button>
<ul class="dropdown-menu start-dropdown-btn">
<li><a href="#">Signin with Username</a></li>
<li><a href="#">Signin with <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a ng-click="registerWithUsername()" href><span class="text-success bold">Register now!</span></a></li>
</ul>
</div>
モーダル テンプレート
<script type="text/ng-template" id="registerModal.html">
<div class="modal-body">
<input id="registerUsername" placeholder="Enter Your Username" type="text" class="form-control top-spacer" ng-model="user.username" >
<input id="registerPassword" placeholder="Enter Your Password" type="password" class="form-control top-spacer" ng-model="user.password">
</div>
<div class="modal-footer">
<div class="btn-block">
<button class="btn btn-success" ng-click="register(user)">Sign Up</button>
<button class="btn btn-default" ng-click="close()">Cancel</button>
</div>
<div role="alert" class="alert alert-info" ng-show="registrationSuccessMessage"></div>
</div>
</script>
モーダルを開くログインコントローラー
$scope.registerWithUsername = function(){
var modalInstance = $uibModal.open({
animation: true,
templateUrl: 'registerModal.html',
size: 'sm',
controller: 'RegisterCtrl',
resolve: {
minutes: function(){
return $scope.settings
}
}
})
}
モーダルコントローラー
$scope.register = function(user_info){
$scope.loading = true
Register.save({
username: user_info.username,
password: user_info.password,
})
}