問題は、私のビューからのテキストフィールド入力がコントローラにバインドされていないことです。ここでAngular JSデータがビューからモデルにバインドされていません
は、ビューの抜粋です:
<md-dialog-content ng-if="mode=='addSentence'" class="sticky-container">
<md-input-container>
<label for="sentence-text">Enter the sentence to be corrected</label>
<input ng-model="theSentence" name="sentence-text"/>
</md-input-container>
<span flex>{{ error }}</span>
<md-button class="primary" style="float:right;" aria-label="Save" ng-click="saveNewSentence()">Save</md-button>
</md-dialog-content>
そしてここでは、入力を処理することになっているコントローラ機能です:
function ViewSentenceController($scope, $rootScope, $mdDialog) {
$scope.mode = mode;
$scope.user = user;
$scope.theSentence = null;
$scope.saveNewSentence = function() {
console.log($scope.theSentence);
}
$scope.cancel = function() { $mdDialog.hide(); }
}
saveNewSentence()
が呼び出されると、それもI場合は、コンソールにnull
を記録しますテキストフィールドに入力があります。
私は何かが見つからないと確信していますが、私はそれを見ることはできませんが、この単純な問題に時間を費やしています。
私は親ではなくダイアログ内のデータをバインドしようとしています。 – Yakuman
https://jsfiddle.net/cw797a3b/ – Yakuman