用ng-if在角上的一次性绑定？

Question

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

必须这样做真的，真的很愚蠢：

<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美元的观察者...所以我正在寻找一个替代方案来避免像那样愚蠢。

Answer 1

只是延伸我的评论来回答。

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

因此，只要确保在某个时间点将某个值设置为一次性绑定值就可以了。不要让它一直没有定义。

假设有一个条件

重复100次。只要确保在将值绑定到repeater或某个确定 LOL状态的操作时，即使该操作失败（例如ajax调用错误），仍然为它设置一个值（即使 null在javascript中也是一个值）。手表将在即将到来的摘要周期后删除，该周期呈现相应的DOM绑定。

在特定的柱塞中，您还可以这样做：

<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>