🗊Презентация Директивы в Angular

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Директивы в Angular, слайд №1Директивы в Angular, слайд №2Директивы в Angular, слайд №3Директивы в Angular, слайд №4Директивы в Angular, слайд №5Директивы в Angular, слайд №6Директивы в Angular, слайд №7Директивы в Angular, слайд №8
Скачать
Вы можете ознакомиться и скачать презентацию на тему Директивы в Angular. Доклад-сообщение содержит 8 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Директивы в Angular
Описание слайда:
Директивы в Angular

Слайд 2


Что такое директива? Директива - это как компонент без template, т.е. какая-то логика, зашитая в атрибут Директивы можно писать самому, также есть набор встроенных (ngIf, ngFor, ngStyle)
Описание слайда:
Что такое директива? Директива - это как компонент без template, т.е. какая-то логика, зашитая в атрибут Директивы можно писать самому, также есть набор встроенных (ngIf, ngFor, ngStyle)

Слайд 3


Какие бывают директивы? Компоненты Структурные директивы - которые изменяют dom, добавляя или удаляя какие-то элементы (ngIf, ngFor) Директивы атрибутов - которые изменяют поведение компонента или элемента (ngStyle)
Описание слайда:
Какие бывают директивы? Компоненты Структурные директивы - которые изменяют dom, добавляя или удаляя какие-то элементы (ngIf, ngFor) Директивы атрибутов - которые изменяют поведение компонента или элемента (ngStyle)

Слайд 4


Структурные директивы Помечаются звездочкой: <div *ngIf="hero" >{{hero.name}}</div> К одному элементу можно применить только ОДНУ структурную директиву
Описание слайда:
Структурные директивы Помечаются звездочкой: <div *ngIf="hero" >{{hero.name}}</div> К одному элементу можно применить только ОДНУ структурную директиву

Слайд 5


Директивы атрибутов Можно добавлять несколько к элементу Заключаются в квадратные скобки Не меняют DOM
Описание слайда:
Директивы атрибутов Можно добавлять несколько к элементу Заключаются в квадратные скобки Не меняют DOM

Слайд 6


Примеры существующих директив <div *ngIf="hero" >{{hero.name}}</div> [ngStyle]="{сolor: ‘white'}" [ngClass]="{online: status === ‘online'}" <div *ngFor=“let item of items; let i = index”>
Описание слайда:
Примеры существующих директив <div *ngIf="hero" >{{hero.name}}</div> [ngStyle]="{сolor: ‘white'}" [ngClass]="{online: status === ‘online'}" <div *ngFor=“let item of items; let i = index”>

Слайд 7


Создание директивы @Directive({ selector: ‘[selectorName]' }) Add constructor with el: ElementRef
Описание слайда:
Создание директивы @Directive({ selector: ‘[selectorName]' }) Add constructor with el: ElementRef

Слайд 8


Лабораторная работа №2 Создать 3 компонента - GameControl, Even, Odd В GameControl сделать две кнопки - Start game, Stop game При нажатии на start начинают создаваться event’ы каждую секунду. Эти event’ы создают экземпляры компонентов - Even или Odd, в зависимости от того, какое число пришло. При нажатии на stop events перестают создаваться.
Описание слайда:
Лабораторная работа №2 Создать 3 компонента - GameControl, Even, Odd В GameControl сделать две кнопки - Start game, Stop game При нажатии на start начинают создаваться event’ы каждую секунду. Эти event’ы создают экземпляры компонентов - Even или Odd, в зависимости от того, какое число пришло. При нажатии на stop events перестают создаваться.

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию