javascript - 如何使用指令刷新 data-ng-init

Question

当源数据发生变化时，如何刷新 data-ng-init 中分配的变量。

我知道如何从 Controller 做到这一点。但是有没有办法使用一些指令从 html 中做到这一点。

下面是我完成的示例演示，您会看到汽车和自行车部分当您点击“添加汽车”列表时，计数会发生变化，因为我正在使用直接来源

当您点击“添加自行车”时，bikeData 不会刷新，因为它仅保存初始 json 值。

data-ng-init="bikeData = (已排序 | 过滤器: { type: 'bike' }:true)"

Demo

Answer 1

那是因为 bikeData 之后没有刷新。您需要观察 sorted 对象的变化并更新 bikeData。或者，您可以简单地将 data-ng-init 中的相同表达式应用到 ng-click 指令中。查看演示:

http://jsfiddle.net/tomalex0/9jxQK/1/

另一个选择是摆脱 data-ng-init 并将 ng-repeat 绑定(bind)到 sorted 对象，就像对待汽车一样。例如:

<ul ng-repeat="item in sorted | filter: { type: 'bike' }:true">