何らかの奇妙な理由で、ほとんどの場合 ng-model の値は定義されておらず、ランダムに値を持っています。
私のビューコードは次のとおりです。
<div data-ng-controller="contentModalCtrl as vm">
<div class="modal-header">
<h3 class="modal-title model-title">Content stuff</h3>
</div>
<div class="modal-body">
<text-angular ta-toolbar="[['indent', 'outdent', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ol', 'quote', 'bold','italics']]" ng-model="vm.data.text" required></text-angular>
</div>
<div class="modal-footer">
<button type="submit" class="btn" data-ng-disabled="!vm.data.text" data-ng-click="vm.save()">Submit</button>
<button class="btn" data-ng-click="vm.close()">Close</button>
</div>
</div>
私のコントローラーは次のようになります。
angular.module("app").controller("contentModalCtrl", function($scope, ngDialog) {
"use strict";
var vm = this;
vm.data = {
text: ""
};
vm.close = function() {
ngDialog.close();
};
vm.save = function() {
console.log(vm.data.text);
// code used to process data.text
ngDialog.close();
};
});
ng-model には価値がある場合もありますが、ほとんどの場合は価値がありません。奇妙な点は、テキスト領域にランダムなものを連続して入力すると、最終的に ng-model が入力された値を取得することです。これがテキスト角度の問題なのか NgDialog の問題なのかはわかりません。誰が何が起こっているのか知っていますか?