Директивы презентация

Angular 2 Essential
Охрименко Дмитрий
MCT
Introduction
MCID: 9210561
Information Technology Video Developer Network http://itvdn.com
ITVDN
_okhrimenko
dmitriy.okhrimenko
https://goo.gl/eeTdMv

Тема урока
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential
Директивы

План урока
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential
Привязка данных
Двусторонняя привязка данных
Встроенные директивы

Привязка данных
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential
Интерполяция
Привязка свойств
Привязка событий
Привязка атрибутов
Привязка классов
Привязка стилей

Двусторонняя привязка
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential
Двусторонняя привязка – позволяет динамически менять значение свойств компонента при изменении значения в шаблоне и наоборот. Двусторонняя привязка, как правило, используется при работе с элементами ввода.
[(ngModel)] = “property”
Директива ngModel находиться в модуле FormsModule

Директивы
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential
Структурные
*ngFor
*ngIf
ngSwitch
Атрибутивные
ngClass
ngStyle

Структурные директивы
Information Technology Video Developer Network http://itvdn.com
ITVDN
Angular 2 Essential

Angular 2 Essential
Охрименко Дмитрий
MCT
Спасибо за внимание! До новых встреч!
MCID: 9210561
Information Technology Video Developer Network http://itvdn.com
ITVDN