Before move to directives need to understand what is component? and what is directive? In the above figure we have these two elements, component and directive Directive:- It have some logic but not contains the structure Component:- It is an element that specifies directive element and have the list of other directive instances. Why directives are used in angular? use to change the appearance behavior or layout of Document Object Model(DOM) helps to extend HTML It can be classified into 3 categories:- 1.Component Directives:- Used in main class. It possess the detail about how the component processed at run time. 2.Structural Directives:- They are responsible for HTML layout. Changing the DOM structure by adding,removing or manipulate the elements. It starts with * symbol. These are the examples of Structural directives. ngIf Directive:- Use to add or remove the HTML element according to the expression. ngfor Directive:- Use to repeat a portion of HTML templ...