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>

其中increment是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}}

完全相同的内容