javascript - ng-change 不起作用

Question

我的代码不起作用，但它非常简单，我从一个示例 (http://www.tilcode.com/angularjs-infinite-list-tutorial/) 复制而来:

HTML:

<div class="form-group">
<label>Produtos: </label>
<div>
    <li data-ng-repeat="produto in prodPromocao track by $index">
        <input name="product" type="text" data-ng-model="prodPromocao[$index]" data-ng-change="addProd($index)" class="form-control">
        <a href="" data-ng-show="produto" data-ng-click="prodPromocao.splice($index,1)">
        [Remove]</a>
    </li>
</div>

Controller :

$scope.prodPromocao = [''];
var addProd = function (index) {
    console.log(index);
    if (index == $scope.prodPromocao.length - 1) {
        $scope.prodPromocao.push('');
    }
}

实际上，这个函数 addProd 甚至都没有被调用。

Answer 1

你的 ng-change 函数应该在 $scope 上定义

$scope.addProd = function (index) {
    console.log(index);
    if (index == $scope.prodPromocao.length - 1) {
        $scope.prodPromocao.push('');
    }
}