Breaking News: Grepper is joining You.com. Read the official announcement!

difference between property binding and interpolation

Modern Mandrill answered on January 27, 2021 Popularity 8/10 Helpfulness 5/10

answer difference between property binding and interpolation

difference between property binding and interpolation

Comment

Interpolation uses the {{ expression }} to render the bound value to the component’s template. Interpolation is a special syntax that Angular converts into a property binding

Property binding uses [] to send values from the component to the template. Property Binding: to set an element property to a non-string data value, you must use property binding

Example :

we are disabling a button by binding to the Boolean property isDisabled.

<button [disabled]='isDisabled'>Try Me</button>
interpolation instead of property binding, the button will always be disabled irrespective of isDisabled class property value is true of false.

<button disabled='{{isDisabled}}'>Try Me</button>
canonical form which is an alternate syntax to square bracket.

 <button bind-disabled='isDisabled'>Try Me</button>

Popularity 8/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: between difference interpolation property-binding whatever

Link to this answer
Share Copy Link