我在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的最佳方法是什么?
谢谢!