Директивы в Angular

Скачать презентацию на тему: "Директивы в Angular" с количеством слайдов в размере 8 страниц. У нас вы найдете презентацию на любую тему и для каждого класса школьной программы. Мы уверены, что наши слайды помогут найти вам свою аудиторию. Весь материал предоставлен бесплатно, в знак благодарности мы просим Вас поделиться ссылками в социальных сетях и по возможности добавьте наш сайт MirPpt.ru в закладки.

Нажмите для просмотра
Директивы в Angular

1: Директивы в Angular

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

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

4: Структурные директивы Помечаются звездочкой: hero. name К одному элементу можно применить только ОДНУ структурную директиву

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

6: Примеры существующих директив hero. name ngStyle"сolor: white" ngClass"online: status online"

7: Создание директивы 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 перестают создаваться.

Скачать презентацию


MirPpt.ru