Binding свойств директив

Базовый вариант:

  
<p appBetterHilight [defaultColor]="'green'" [highLightColor]="'yellow'">
  basic highlight style
</p>
  

Имя директивы может быть пропущено, если оно совпадает с именем входной переменной:

  
@Input('appBetterHilight') highLightColor: string = 'red';
  

  
<p 
  [appBetterHilight]="'yellow'" 
  [defaultColor]="'green'"
>
  basic highlight style
</p>
 

Существует сокращенный вариант написания имен без скобок:

  
<p 
  [appBetterHilight]="'yellow'" 
  defaultColor='green'
>
  basic highlight style
</p>