在angularJs ng-model中调用函数?

时间:2017-03-15 15:57:41

标签: angularjs angular-ngmodel

我可以在angularJs中的ng-model中调用函数吗?

<input type="text" ng-model="choice.number = itemNumber()" class="form-control" readonly>

有任何帮助表示赞赏吗?

2 个答案:

答案 0 :(得分:1)

尝试使用ng-init

<input type="text" ng-model="choice.number" ng-init="choice.number = itemNumber()" >

答案 1 :(得分:0)

如果你喜欢,你必须得到错误:[ngModel:nonassign] 。有关详细信息,请参阅https://docs.angularjs.org/api/ng/directive/ngModel。如果你需要以ng-modle方式调用函数,最好的方法是在控制器中更新它。例如

<div class="result" ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="choice.number" class="form-control" readonly>
{{choice.number}}
 </div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
        var hello = function(){
        return 5;
    }

    $scope.choice = {number:hello()};

    //console.log($scope.hello());
});
</script>

我希望你会发现这很有帮助。您还可以使用$scope.hello而不是var hello来定义函数。