Базовый вариант:
<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>
В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.
Создание директивы атрибута и использование класса Renderer2 в Angular
В данном руководстве пойдет речь о селекторе, Databinding, интерполяции, связывание свойств и многом другом.