使用函数计算字段值的最佳方法是什么? AngularJS

时间:2015-11-18 16:26:03

标签: angularjs

我在AngularJS表单中有一些需要记录总百分比的字段。形式示例;

一群人的性别分裂 - %男性,%女性

目前我正在为每个性别使用一个字段。

<div class="form-group col-md-2">
   <label for="male">% Male:<span class="error">*</span></label>
      <input type="number"
             name="males"
             max="100"
             class="form-control"
             ng-model="newReport.males"
             required>
</div>
<div class="form-group col-md-2">
    <label for="female">% Female:<span class="error">*</span></label>
       <input type="number"
              class="form-control"
              ng-model="newReport.females"
              ng-readonly="true"
              value="@{{ females() }}"
              placeholder="@{{ females() }}"
              required>
</div>

然后我用这个函数来计算女性%

$scope.females = function() {
    return 100 - this.newReport.males;
};

然而,我的ng-model =&#34; newReport.females&#34;似乎永远不会被设定。占位符确实从函数中获取了正确的值,但由于模型没有提取,因此不会持续存在。

有更好的方法吗?此外,一旦我正确地设置模型,验证2个字段加起来为100的最佳方法是什么?

谢谢!

0 个答案:

没有答案