与 ng-if 以角度方式一次性绑定？

Question

如果我有这样的看法：

<div ng-repeat="foo in foos">
  <p ng-if="bar">omg lol</p>
  <p ng-if="!bar">lol omg</p>
</div>

我实际上是在创建 (2 * foos.length) + 1 $$watchers，这真的不好。我在网上找到了几个来源说你可以做 ng-if="::bar"，但是当我这样做时，观察者的数量并没有改变。有没有办法强制 ng-if 成为一次性绑定？

不得不这样做真的很愚蠢：

<div ng-repeat="foo in foos" ng-if="bar">
  <p>omg lol</p>
</div>
<div ng-repeat="foo in foos" ng-if="!bar">
  <p>lol omg</p>
</div>

我相信这会给我带来 4 个 $$watchers 之类的东西......所以我正在寻找一种替代方法，以避免不得不像那样愚蠢。

Answer 1

只是扩展我的 cmets 来回答。

Angular 1.3 一次性绑定语法 (::) 确实会删除不必要的监视。只是你需要在设置相关数据后测量手表一段时间。这就是为什么。当您在视图上设置一次性绑定属性时，angular 将在其上设置一个临时监视，直到它获得 defined 值，即除undefined 之外的任何值。这种方法是有原因的 - 为了支持通过延迟操作（如 ajax 调用、超时、承诺链解析等）填充的绑定值。没有这个 :: 将无法在任何东西上成功运行，但预先填充的绑定价值观。

因此，请确保您在某个时间点将某个值设置为一次性绑定值。不要让它保持未定义。

当你有一个条件 <div ng-if="::lol"></div> 重复 100 次时说。只要确保当您将值绑定到转发器或确定lol 状态的某些操作时，即使该操作失败（比如ajax 调用错误）仍然设置一个值（即使null 也是javascript 中的一个值）给它。在呈现相应 DOM 绑定的即将到来的摘要周期之后，将删除监视。

在您的特定 plunker 中，您也可以这样做：

<ul ng-repeat="item in items"  ng-if="::lol">
  <li>{{ ::item }}</li>
</ul>

而不是

<ul ng-repeat="item in items">
  <li ng-if="::lol">{{ ::item }}</li>
</ul>

Answer 2

您需要使用 Bindence 来执行此操作：https://github.com/Pasvaz/bindonce