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

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>

Просмотров: 2266

3.02
1
2
3
4
5

Голосов: 655

Установка и первый запуск Angular TypeScript, Bootstrap, Main.ts Создание компонентов в Angular Шаблон и стили компонента Компонент и данные События Динамические шаблоны в Angular Angular CSS и Style Директива ngFor Компонент и модель Связывание свойств и событий Инкапсуляция стилей и ссылки ng-content События и жизненный цикл Навигация. Передача данных событиями Директива атрибута HostListener и HostBinding Binding свойств директив Структурные директивы Сервисы JavaScript операторы Route. Переключения и параметры Route. Вынос настроек роутера Route. Защита роутера Route. Контроль навигации с помощью сервиса Route передача статичных данных Route Resolving Route. Обновление шаблона Observable. Subscribe и Unsubscribe Subject Формы в Angular Формы. Шаблонный подход. Формы. Реактивный подход.

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

События

Рассмотрим события в Angular. Event Binding. Передача и использование данных с помощью event Binding

Просмотров 2088

Route. Защита роутера

Использование интерфейсов CanActivate и CanActivateChild для принятия решения об активации роутера

Просмотров 2242

Route передача статичных данных

Как передать статичные данные в компонент с помощью настроек роута.

Просмотров 2159

наверх