コントローラにオブジェクトを追加した後にUiブートストラップが表示されない

Question

私のuiブートストラップモデルウィンドウは正しく動作しますが、コントローラにオブジェクトを追加すると、表示が停止し、コンソールにエラーが表示されません。

私のコントローラは次のようになります。私はそれを示す停止するだけでregisterInfoオブジェクトの前に* /削除するとき

"use strict"; 

app.controller('RegisterModalCtrl', ['$scope', '$location', '$uibModalInstance', '$http', 'ngAuthSettings', 'registerService', 
function($scope, $location, $uibModalInstance, $http, ngAuthSettings, registerService) { 

var $ctrl = this; 

$ctrl.cancel = function() { 
    $uibModalInstance.dismiss('cancel'); 
}; 
/* 
$ctrl.registerInfo = { 
    email: $ctrl.registerData.email, 
    nick: $ctrl.registerData.nick, 
    password: $ctrl.registerData.password, 
    password_confirmation: $ctrl.registerData.confirm_password 
}; 
*/ 

$ctrl.registerSubmit = function(registerInfo) { 
    console.log('im in registerSubmit controller function'); 

    registerService.registerUser(registerInfo); 
    $uibModalInstance.dismiss('cancel'); 
}; 

$ctrl.showCookiesRules = function() { 
    $location.url("/cookiesrules"); 
    $uibModalInstance.dismiss('cancel'); 
}; 

$ctrl.showRules = function() { 
    $location.url("/rules"); 
    $uibModalInstance.dismiss('cancel'); 
}; 
}]); 

すべてがうまく動作しますが。このオブジェクトの何が問題ですか？私は、このオブジェクトを作成して関数に渡し、それを関数で渡すようにします。

Answer 1

それでは、あなたがすべきことは$ctrl.registerInfoを開始します

$ctrl.registerInfo = {}; 

コントローラの実行時にデータが存在しないので、あなたは、存在しないデータなし$ctrl.registerInfoのプロパティを設定しようとしています。フォームに記入すると、プロパティ/データが設定されます。

代替オプションは全くの初期化、および単にregisterData.confirm_passwordにフォームモデルを設定し、あなたがregisterSubmitを呼び出すときに、registerSubmit(registerData)でそれを呼び出すことではないでしょう。これは、コントローラで初期化することなく、そのメソッドにデータを送信します：

<input type="text" placeholder="powtórz hasło" 
     ng-model="registerData.confirm_password" /> 

<!-- abbreviated (other form fields here --> 

<input type="submit" ng-click="registerSubmit(registerData)" /> 

あなたが後でデータが必要な場合は、registerSubmitで、行を追加します。

$ctrl.registerInfo = registerInfo; 

しかし、私はわかりませんそこにパスワードを掛けたいと思うでしょう。

AngularJSフォームドキュメント：あなたもコメントブロックの終わりに/ *削除する* I *がhttps://docs.angularjs.org/guide/forms