如何设置从其他两个数字字段计算出的angularjs模型值

本文介绍了如何设置从其他两个数字字段计算出的angularjs模型值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

您好，我目前正在开发一个AngularJS ionic应用程序，但是在视图中设置模型值时遇到问题.这是定义字段的简单形式.

Hi I am currently working on one AngularJS ionic app but facing a problem in settings up model value in the view. It a simple form with fields defined.

<input type="number" ng-model="form.field1" /> <input type="number" ng-model="form.field2" ng-change="count=form.field1+form.field2" /> <input type="number" ng-model="form.field3" ng-init="form.field3=count" ng-value="count"/>

在第三个字段上，我可以看到显示的值，但是当提交到服务器时，它的值为"0"而不是计数值.

On third field I can see the value displayed but when submit to server it had "0" not the counted value.

在控制器中，我拥有

$scope.form={};

感谢任何帮助，这是AngularJS的新功能.

Any help appreciated, new to AngularJS.

推荐答案

您不需要 ng-change .您可以只观看变量并使用 $ scope.$ watch 更新它.您也可以从输入中删除 ng-init 和 ng-value .

You don't need ng-change. You can just watch the variable and update it using $scope.$watch. You can remove ng-init and ng-value from your inputs too.

var myApp = angular.module('myApp', []); myApp.controller('ctrl', ['$scope', function ($scope) { $scope.form={}; $scope.$watch('form.field1 + form.field2', function (value) { $scope.form.field3 = value; }); }]);

<script src="ajax.googleapis/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="ctrl"> <input type="number" ng-model="form.field1" /> <input type="number" ng-model="form.field2"/> <input type="number" ng-model="form.field3"/> </div>