AngularJS - 私はこのマークアップを持っているサービスメソッド

Question

の結果とDOMを更新：私のコントローラで

<div ng-controller="AutoDeployController as autoDeploy"> 
    <input type="text" ng-model="autoDeploy.message"> 
    <p>Message: {{ autoDeploy.message }}</p> 
</div> 

<button ng-click="autoDeploy.change()">change</button> 

この方法：

model = this; 

model.change = function(){ 
    model.message = AutoDeployService.returnOne(); 
}; 

この方法は、私のサービスモジュールに：

function returnOne(){ 
    return "one"; 
} 

クロムを使用してデバッグすると、model.messageが"one"に変更され、 peはテキストボックス内でmodel.messageを変更し、model.messageの他のフィールドはオンザフライで変更されます...ボタンをクリックするとDOMが更新されないのはなぜですか？

$compileまたはDOMオブジェクトを作成して追加するためのボタンを使った私の経験に基づいた別のシステム変数が含まれている可能性がありますが、システム変数がいつ/なぜ使用されるかわかりません。

Answer 1

あなたのボタンは、あなたのautoDeployコントローラの外にある問題です。コントローラ内のdiv内のボタンを移動すると、changeメソッドが呼び出されます。

<div ng-controller="AutoDeployController as autoDeploy"> 
    <input type="text" ng-model="autoDeploy.message"> 
    <p>Message: {{ autoDeploy.message }}</p> 
    <button ng-click="autoDeploy.change()">change</button> 
</div>