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>

3.02
1
2
3
4
5

Голосов: 875

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

Возможно, вам будет интересно

Observable. Subscribe и Unsubscribe

Stream и работа с Observable в Angular. Пример отписки в ngOnDestroy()

Читать подробнее

Динамические шаблоны в Angular

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

Читать подробнее