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>
Редактировать на GitHub