Angular 一次绑定 ng-if 多个条件

Question

在我的模板中，我有很多与我的用户权限和产品权限相关的条件，例如：

<div ng-if="user.rights == 'admin'  || user.rights == 'owner'  || products.rights.technical"></div>

如果不转到新页面就无法更改这些权限...所以我想我可以使用 one-binding :: 以获得更好的性能。

我试过了：

<div ng-if="::(user.rights == 'admin'  || user.rights == 'owner'  || products.rights.technical)"></div>

还有：

<div ng-if="::user.rights == 'admin'  || ::user.rights == 'owner'  || ::products.rights.technical"></div>

但条件似乎不起作用，知道吗？

Answer 1

可能，在页面加载时计算 user.rights == 'admin' || user.rights == 'owner' || products.rights.technical 并将其分配给另一个范围变量（例如 $scope.isOwnerOrAdmin）。然后，使用一种方式绑定将此变量绑定到 ng-if。喜欢：ng-if="::$scope.isOwnerOrAdmin"。