在ng-model AngularJS中的表达

时间:2016-10-07 13:38:00

标签: javascript angularjs angularjs-ng-repeat angularjs-ng-model

我需要在ng-model中执行表达式。

我有一个整数数组,显示在列表中,输入字段需要在点击每个项目时生成。所有输入字段都应带有生成的比率,其基数为1.我还需要在输入字段中获取数字的总和,因为用户可以更改该值。

With 3 items selected and divided ratio

With 4 items selected and divided ratio

我的代码是

<div class="row" ng-repeat="kpi in SelectedKpiModel">
    <div class="small-2 columns" ng-click="View.RemoveSelectedKPI($index)" style="margin-top:0.5em;border:ridge;padding-bottom: 1em; padding-top:0.5em; text-align:center"><span class="fa fa-scissors"></span></div>
    <div class="small-4 columns" style="margin-top:0.5em;border:ridge;padding-bottom: 1em; padding-top:0.5em; text-align:center">
        {{kpi.id}}
    </div>
    <div class="small-4 columns" style="float:left;margin-top:0.5em;border:ridge; padding:0em">
        <input type="number" value="{{1/SelectedKpiModel.length}}" />
    </div>
</div>

如果用户更改或如何存储每个字段的值并在需要时检索,如何获取所有字段值的计数?

我尝试了ng-model="{{1/SelectedKpiModel.length}}",但它给了我错误。

感谢。

1 个答案:

答案 0 :(得分:0)

你可以使用这样的东西 -

<input type="number" ng-model="getLength()" />

和你的功能 -

$scope.getLength = () => {
    return 1 / $scope.SelectedKpiModel;
}