Question

10

Angular lazy one-time binding for expressions

rated 0 times [ 16] [ 6] / answers: 1 / hits: 20402 / 10 Years ago, sat, may 31, 2014, 12:00:00

AngularJS has a new feature since the version 1.3.0-beta.10: the lazy one-time binding.

Simple expressions can be prefixed with ::, telling angular to stop watching after the expression was first evaluated. The common example given is something like:

<div>{{::user.name}}</div>

Is there a similar syntax for expressions like the following ones?

<div ng-if=user.isSomething && user.isSomethingElse></div>

<div ng-class={classNameFoo: user.isSomething}></div>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rocioblancac

Add To Favorites

Follow

Total Points: 699

Total Questions: 96

Total Answers: 108

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

rocioblancac questions

1 Angular: Error trying to diff '[object Object]'. Only arrays and iterables are allowed

Mon, Dec 13, 21, 00:00, 2 Years ago

1 Bootstrap multiple file selection - show only first file

Sun, Jul 26, 20, 00:00, 4 Years ago

1 React JS How to disable zoom

Wed, Jul 22, 20, 00:00, 4 Years ago

1 React Native https axios resquest gets Network Error on Android but not iOS

Thu, Jan 16, 20, 00:00, 4 Years ago

1 Color Input in React: The format is #rrggbb where rr, gg, bb are two-digit hexadecimal numbers

Mon, Jan 6, 20, 00:00, 4 Years ago

View All

answered 10 Years ago annalise · Accepted Answer

Yes. You can prefix every expressions with ::, even the ones in ngIf or ngClass:

<div ng-if=::(user.isSomething && user.isSomethingElse)></div>

<div ng-class=::{classNameFoo: user.isSomething}></div>

Actually, the code simply checks that the two first characters in the expression are : in order to activate the one-time binding (and then removes them, thus the parenthesis aren't even needed). Everything else remains the same.