javascript - Ng-Repeat 改变变量

Question

使用 ng-repeat="i in getNumber(myNumber) track by $index" 重复由 HTML 中的 select 对象定义的特定次数.

var number = parseInt($( "#number option:selected" ).text());
        $scope.myNumber = number;
        $scope.getNumber = function(num) {
            return new Array(num);   
        }

它工作得很好。现在，我希望当我更改 #number option:selected 时它会更新。 var number 通过执行类似 $( "#number").change(function() {}); 的操作来接收此消息，但即使我输入上面的代码块在那里，ng-repeat只改变onload。

如何将 ng-repeat 与变化的变量一起使用？

Answer 1

不要使用 jQuery 事件处理程序，因为除非您告诉它，否则该事件不会触发摘要周期。您只需为选择框提供 ng-model 即可，当选择发生更改时，将自动启动摘要周期以更新绑定(bind)。

<select ng-model="myNumber">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<div ng-repeat="i in getNumber(myNumber)">
    I am at index: {{$index}}
</div>

JSFiddle