javascript - Angular 一次性绑定(bind)语法给出空白输出

Question

尝试对我的 Angular 输出使用一次性绑定(bind)语法，但当我将::与 vm.doctors 放在一起时它不起作用。

$interpolateProvider.startSymbol('{[');
$interpolateProvider.endSymbol(']}');

<li ng-repeat="item in ::vm.doctors">
    {[ ::item.name ]}
</li>

我做错了什么？

Answer 1

是否可能是您最初设置了vm.doctors = [];并且一次性绑定(bind)将此作为最终值？这可以解释当 $http.get 完成时不更新值，这在变量稳定后处于完全不同的摘要周期中。然后第一次在 get 回调中设置此变量应该可以解决问题。

如果您允许进一步更新集合(例如在滚动时加载更多项目)，请不要在集合上设置一次性绑定(bind)，而仅在项目上设置一次性绑定(bind)。