Krishnabm
Reputation: 185
Angular8: What is the difference between [attr.title]='myVar' and [title]='myVar'?
Why do some attributes require the "attr." prefix and some don't?
Upvotes: 0
Views: 541
Answers (1)
0x6368656174
Reputation: 992
Short answer: [title]="myVar" is property binding whereas [attr.title]="myVar" is attribute binding.
Attribute binding must be used, when DOM property doesn't exist.
For example, colspan does not exist DOM property and you must use attr.colspan="...". When you try use colspan="..." you get an error in console.
Read up on attribute binding here.
Upvotes: 1
Related Questions
- Difference between binding the attributes with [attr.attributeName] and [attributeName] in Angular2
- What's the diference between [attr.name] and [name]
- when use [name] vs [attr.name]?
- Why sometimes we need [attr.] prefix for binding
- What's the difference between `value="{{todo.title}}"` and `[value]="todo.title"`?
- Angular 6: [(ngModel)]="variable" vs. ngModel="{{ variable }}"
- What is the difference between attr.property and property in angular template?
- What is the difference between [property]= and property in Angular 4 markup?
- Differences between value=" {{ var }} " and [value]="var" in AngularJS
- Difference between attribute directive and element properties syntax?