Angular 2 html directives and attribute directives

Question

I'm new to Angular 2.

Can someone please explain the difference between the html directives and attribute directives? Why are they both needed?

Example:

<rating [rate]="rate" (rate-change)="onUpdate($event)"></rating>

So:

rating is what i call "html directive" but I'm not sure what it's for?

[rate] is an attribute directive that sets component property named "rate".

(rate-change) is an attribute directive that calls a component method called rateChange.

Any other types of directives?

i meant to the difference between html directives and attribute directives — Elad Benda
– Elad Benda, Commented Aug 14, 2016 at 13:41

Ted Fitzpatrick · Accepted Answer · 2016-08-14 14:01:12Z

1

html directives are for managing dom elements like creating elements. attribute directives modify properties of elements. so angular could create several divs, then later change a div's text.

answered Aug 14, 2016 at 14:01

Ted Fitzpatrick

9541 gold badge9 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elad Benda Over a year ago

in the example above? why is there <rating> what is this translated to?

Collectives™ on Stack Overflow

Angular 2 html directives and attribute directives

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related