Angular one time binding ng-if multiple conditions

Question

In my templates i've got a lot of conditions related to my user rights and products rights, for example:

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

Thoses rights can't be changed without going to a new page... so I was thinking that I could use one-binding :: for better performance.

I tried:

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

and also:

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

but the condition doesn't seems to work, any idea ?

Possible duplicate of [Get one-time binding to work for ng-if](http://stackoverflow.com/questions/38275954/get-one-time-binding-to-work-for-ng-if) — Groben, Apr 12 '17 at 08:57
Which version of Angular are you using? One-time binding has only been available since 1.3 — Jaydo, Apr 12 '17 at 08:59

score 1 · Answer 1 · answered Apr 12 '17 at 09:01

1

Probably, compute user.rights == 'admin' || user.rights == 'owner' || products.rights.technical at page load and assign it to another scope variable (say $scope.isOwnerOrAdmin). And then, use one way binding to bind this variable to ng-if. like: ng-if="::$scope.isOwnerOrAdmin".

answered Apr 12 '17 at 09:01

Sachet Gupta

777
4
17

humm you might be right but i've got a lot of differents possibilities, depending on the page i'm not checking for the same right – user2283958 Apr 12 '17 at 10:58

Angular one time binding ng-if multiple conditions

1 Answers1