Thanks for attending our webinar, “Angular Directives.” We hope you enjoyed it!
We had covered the following point in the session :
1. We had quickly revised the previous session. You can refer to this article
2. We had understood that directive is used for manipulating default behaviour of HTML element.
3. Directives are of three types Component directive, Attribute directive, Structure directive.
4. Component directive is nothing but new component.
5. Structure directive will change the structure of html.
6. Structure directive and Attribute directive is nothing but new attribute only.
7. In day to day work when people talk about directive its usually about Structure directive or Attribute directive.
8. Angular have predefined directives such as *ngIf , *ngFor etc. which are structural directives and [ngClass] , [ngStyle] which are attribute directives
9. As we learned in session that we can create custom directives as well to manipulate the html.
10. We can add input property inside our custom directive to get the input value which we can use in our custom directive for html manipulation.
11. To write input property more in syntactical sugar we have seen in session that we can write like these for e.g @Input(‘mouse-over-color’) color:string; and use in html tag <i mouse-over-color=’red’ >Color 1</i> like these.
here are some memories of the webinar..
we plan to get back to you soon.
You can access the recording here.
Please feel free to pass these along to colleagues who may be interested.