在angularJs ng-model中调用函数

Question

我可以像下面这样在 angularJs 中调用 ng 模型中的函数吗？

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

任何帮助赞赏？

Answer 1

尝试使用ng-init

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

Answer 2

如果你这样做，你肯定会得到错误：[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 来定义函数。