2

基本上我有一个表格，每一行都有一个文本输入和一个复选框，复选框为输入分配一个默认值。我遇到的问题是我想要一个复选框来检查所有复选框，我已经完成了，但它没有评估 ngChange 中的表达式。

这就是我所拥有的：

1）控制器.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）索引.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 中对其进行了评估，复选框被选中，但是当复选框值更改时应该评估的 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" : "";
    }
}
4

1 回答 1

5

来自ngChange 文档：

当用户更改输入时评估给定的表达式。当值更改来自模型时，不会评估表达式。

在您的情况下，值更改来自模型，而不是当用户更改您放置 ng-change 的“默认收入”复选框的输入时，因此不会评估表达式。

于 2013-09-01T00:16:28.553 回答