javascript - 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

score 2 · Accepted Answer

绝对可以。只需在同一个控制器中定义函数。例如

控制器：

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}} 完全相同的内容

1 回答 1