[Angular Directive] 2. Add Inputs to Angular 2 directives

The decorator allows you-pass values into your so, can change the value of the the Directive each time @Input @Directive That's it is used. Using @Input makes your directives much more flexible and reusable so they can adapt to many different situations.

 Import {Directive, Input, hostbinding} from     @angular/core       [getinput]   " }) export  class   Getinputdirective {@Input ( "  getinput   "  get   InnerText () { return  this   .input; } constructor () {}}  

<span [getinput]="' something '">i am a span</span>

[GetInput] means we have a prop in our directive call ' GetInput ', go and find it and set the value as ' something '.

It'll only show "something" on the page. Here we pass value to the directive and then reflect the input value to the Host element's InnerText by using getter.

[Angular Directive] 2. Add Inputs to Angular 2 directives