One-time binding syntax

Question

I am new to Angular and was not sure if this is the recommended syntax in Angular. In AngularJS, we can do one-time binding in this way:

<p>{{::myVar}}</p>

In Angular, I know we can do this.

<p [innerText]="myVar"></p>

My first question is, is this the only way to achieve {{::}} in Angular?

What if I have this situation in AngularJS:

<p>{{::myVar}} is a variable</p>

I have tried something like this

<p [innerText]="myVar + 'is a variable'"></p>

It works but again is this the recommended syntax?

yes, I know it works but I don't want to do two-way binding. — Charlie Ng, May 14 '17 at 08:51
In AngularJS, `{{::myVar}}` is not just one-way, it is one-time. — Aluan Haddad, May 14 '17 at 08:53
Then you should take a look at this: http://stackoverflow.com/questions/34375624/angular-2-one-time-binding — Ploppy, May 14 '17 at 09:14
@CharlieNg I think my answer is irrelevant now after you updated your question. one time binding is different than one way binding! I will update my answer any way. — Hamed Baatour, May 14 '17 at 09:44

Hamed Baatour · Answer 1 · 2017-05-14T09:48:17.637

in angular there are three ways of one way data biding from the component to the template:

Interpolation {{myVar}} => recommended use case: <p>{{myVar}} is a variable</p>
Property binding [attri]="url" => <img [src]="url">
bind-target="myVar"

EDIT: one time binding on the other hand is a feature we used to have in angular 1 and you can replicate it in angular using ChangeDetectionStrategy.CheckOnce

check the official docs here

One-time binding syntax

1 Answers1