基本上,我有一个表,每行都有一个文本输入和一个复选框,该复选框为输入分配一个默认值。我遇到的问题是我想拥有一个复选框来检查所有复选框,并且已经完成了,但是它没有对ngChange中的表达式求值。
这就是我所拥有的:
1)Controller.js:
$scope.formData = {};
$scope.def_income = [];
$scope.master = false;
$scope.formData.income = [{ from:"", to:"", income:"" }]
$scope.addSal = function () {
this.formData.income.push({from:'',to:'',income:''});
};
$scope.delSal = function (index) {
if (index != 0) this.formData.income.splice(index,1);
}
$scope.masterToggle = function () {
this.master = this.master ? false : true;
}
$scope.defIncome = function (index) {
if (this.def_income[index]) this.formData.income[index].income="Default";
else this.formData.income[index].income = "";
}
2)index.html:
<a href="" ng-click="addSal()">Add</a>
<a href="" ng-model="master" ng-click="masterToggle()">Check all</a>
<table>
<thead>
<th>From</th>
<th>To</th>
<th>Income</th>
</thead>
<tbody>
<tr ng-repeat="income in formData.income">
<td><input kendo-date-picker class="form-control" ng-model="income.from" placeholder="From" /></td>
<td><input kendo-date-picker class="form-control" ng-model="income.to" /></td>
<td><input class="form-control" ng-model="income.income" /></td>
<td>Default income <input type="checkbox" ng-model="def_income[$index]" ng-checked="master" ng-change="defIncome($index)" /></td>
<td><a href="" ng-show="$index != 0" ng-click="delSal($index)">Delete</a></td>
</tr>
</tbody>
</table>
问题在于,当执行masterToggle函数时,它会有效地切换$ scope.master值,并且在ng-checked中对其求值,选中了复选框,但是当checkbox值更改时不应该求值的defIncome函数。
我对AngularJS真的很陌生(不到一周),因此,如果我应用了一些不良做法,请随时指出:)
更新1:
因此,我遵循了embee的建议,该建议奏效了,我想知道是否还有更好的方法,这就是我所做的:
$scope.masterToggle = function () {
this.master = this.master ? false : true;
for (var j = 0; j <= this.formData.salarios.length-1; j++) {
this.formData.salarios[j].salario = $scope.master ? "Salario mínimo" : "";
}
}
当用户更改输入时评估给定的表达式。当值更改来自模型时,不对表达式求值。
在您的情况下,值的更改来自模型,而不是在用户更改已将ng-change置于其上的“默认收入”复选框的输入时,因此不评估表达式。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句