Difference between 2 type of displaying data in Angular 2

Question

I have some Angular2 code:

and

Note:

Answer 1

They are both properties bindings

Interpolation

is just sugar for

So the difference between those expressions is that the value in the interpolation src="{{value}}" is always stringified while the value of basic property binding [src]="value" is passed as is.

See also

• What's the difference between `value="{{todo.title}}"` and `[value]="todo.title"`?
• Angular 2 Template Syntax