Меню ×
Binding свойств директив

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>
	

Похожие материалы

В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.

Создание директивы атрибута и использование класса Renderer2 в Angular

В данном руководстве пойдет речь о селекторе, Databinding, интерполяции, связывание свойств и многом другом.

наверх