Javascript AngularJS在实时更新中将模型传递给控制器

Javascript AngularJS在实时更新中将模型传递给控制器,javascript,angularjs,angularjs-scope,Javascript,Angularjs,Angularjs Scope,AngularJs中的双向绑定非常适合在模型更改时随时更新视图。我想知道是否有某种方法可以在显示之前将模型传递给控制器中定义的函数。而不是点击按钮,而是现场直播 例如,p元素将自动更新 <input data-ng-model='myModel'> <p>{{myModel}}</p> {{myModel}} 有没有办法做到以下几点 <div data-ng-controller='myController'> <input d

AngularJs中的双向绑定非常适合在模型更改时随时更新视图。我想知道是否有某种方法可以在显示之前将模型传递给控制器中定义的函数。而不是点击按钮,而是现场直播

例如,
p
元素将自动更新

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

{{myModel}}

有没有办法做到以下几点

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

{{增量(myModel)}


其中increment是myController中定义的一个函数,您完全可以。只需在同一控制器中定义函数。比如说

控制器:

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

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

});
HTML


{{increment()}}

返回与{{myModel}完全相同的内容

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