AngularJS在實時更新中將模型傳遞給控制器​​

Question

AngularJs中的雙向綁定在模型更改時隨時更新視圖。我想知道在顯示之前是否有某種方法將模型傳遞給控制器​​中定義的函數。而不是一個按鈕點擊，但生活。

因此，例如，在p元素將被自動更新

<input data-ng-model='myModel'> 
<p>{{myModel}}</p> 

有沒有辦法做到以下幾點？

<div data-ng-controller='myController'> 
    <input data-ng-model='myModel'> 
    <p>{{increment(myModel)}}</p> 
</div> 

，其中增量是myController

Answer 1

定義，你可以肯定大部分的功能。只需在同一個控制器中定義該功能即可。例如

控制器：

app.controller('myCtrl', function($scope) { 

    $scope.increment = function() { 
     return $scope.myModel; 
    } 

}); 

HTML

<div data-ng-controller='myController'> 
    <input data-ng-model='myModel'> 
    <p>{{increment()}}</p> 
</div> 

返回同樣的事情作爲{{基於myModel}}