Мэтт Фрисби Angular Сборник рецептов Matt Frisbie Angular2 Cookbook Packt> Packt PuЬlishing Ltd. Livery Place 35 Livery Street Birmingham ВЗ 2РВ, UK. Мэтт Фрисби Angular Сборник рецептов AAl.IN1EКlilUК4 Москва • Санкт-Петербург 2018 ББК 32.973.26-018.2.75 Ф89 у дк 681.3.07 Компьютерное издательство "Диалектика" По общим вопросам обращайтесь в издательство /1 Диалектика" по адресу: [email protected], http://www.dialektika.com Фрисби, Мэтт. Ф89 Angular. Сборник рецептов, 2-е изд.: Пер. с англ. - СПб.: ООО "Альфа-книга", 2018. - 464 с.: ил. - Парал. тит. англ. ISBN 978-5-9909446-6-4 (рус.) ББК 32.973.26-018.2.75 Все названия программных продуктов являются зарегистрированными торговыми марками соответствующих фирм. Никакая часть настоящего издания ни в каких целях не может быть воспроизведена в какой бы то ни было форме и какими бы то ни было средствами, будь то электронные или механические, включая фотокопирование и запись на магнитный носитель, если на это нет письменного разрешения издательства Packt PuЬ!ishing Ltd. Authorized Russian translation of the English edition of Angular 2 Cookbook (ISBN 978-1-78588- 192-3) © 2017 Packt PuЬ!ishing. All rights reserved. This translation is puЬ!ished and sold Ьу permission of Packt PuЬ!ishing Ltd., which owns or controls all rights to puЬ!ish and sell the same. All rights reserved. No part of this work may Ье reproduced or transmitted in any form or Ьу any means, electronic or mechanical, including photocopying, recording, or Ьу any information storage or retrieval system, without the prior written permission of the copyright owner and the Publisher. Научно-популярное издание Мэтт Фрисби Angular. Сборник рецептов 2-е издание ООО "Альфа-книга", 195027, Санкт-Петербург, Магнитогорская ул., д. 30, лит. А, пом. 848 ISBN 978-5-9909446-6-4 (рус.) ©Компьютерное издательство "Диалектика", 2018 ISBN 978-1-7858819213 (англ.) © Packt PuЬ!ishing, 2017 Оглавление ПРЕДИСЛОВИЕ 22 Глава 1 СТРАТЕГИИ ПЕРЕХОДА К ANGULAR 2 27 Глава 2 ЗНАКОМСТВО С КОМПОНЕНТАМИ И ДИРЕКТИВАМИ 55 Глава 3 СОЗДАНИЕ РЕАКТИВНЫХ И УПРАВЛЯЕМЫХ ПО ШАБЛОНАМ ФОРМ 115 Глава 4 ИСПОЛЬЗОВАНИЕ ОБЯЗАТЕЛЬСТВ 159 Глава 5 НАБЛЮДАЕМЫЕ ОБЪЕКТЫ ИЗ БИБЛИОТЕКИ REACTIVEX 187 Глава 6 МОДУЛЬ COMPONENT ROUTER 231 Глава 7 СЛУЖБЫ, ВНЕДРЕНИЕ ЗАВИСИМОСТЕЙ И КЛАСС NgModule 279 Глава 8 ОРГАНИЗАЦИЯ ПРИЛОЖЕНИЙ И УПРАВЛЕНИЕ ИМИ 311 Глава 9 ТЕСТИРОВАНИЕ В ANGULAR 2 349 Глава 10 ПРОИЗВОДИТЕЛЬНОСТЬ И РАЗВИТЫЕ КОНЦЕПЦИИ 395 ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ 447 Содержание Об авторе 20 О рецензенте 20 Благодарности 21 ПРЕДИСЛОВИЕ 22 О чем эта книга? 22 Что требуется для этой книги 24 Кому адресована эта книга 24 У славные обозначения, принятые в книге 25 Загрузка исходного кода примеров 26 Ждем ваших отзывов! 26 Глава 1. Стратегии перехода к Angular 2 27 Введение 27 Разбиение директив на компоненты путем инкапсуляции в свойстве controllerAs 28 Подготовка 28 Реализация 29 Принцип действия 32 Дополнение 32 См. также 33 Перенос приложения в директивы компонентов 33 Подготовка 33 Реализация 34 Принцип действия 36 Дополнение 37 См. также 37 Реализация основного компонента в версии AngulaгJS 1.5 37 Подготовка 38 Реализация 38 Принцип действия 39 Дополнение 40 См. также. 41 Нормализация типов служб 41 Подготовка 41 Реализация 42 Принцип действия 43 Дополнение 43 43 [U Содержание Связывание Angular 1 и Angular 2 средствами класса UpgradeModule 44 Подготовка 44 Реализация 44 Связывание Angular 1 и Angular 2 46 Принцип действия 47 Дополнение 47 См. также 48 Обратный переход от компонентов Angular 2 к директивам Angular 1 с помощью функции downgradeComponent () 48 Подготовка 48 Реализация 49 Принцип действия 51 См. также 52 Обратный переход от поставщиков Angular 2 к службам Angular 1 с помощью функции downgradelnj есtаЫе () 52 Подготовка 52 Реализация 53 См. также 54 Глава 2. Знакомство с компонентами и директивами 55 Введение 56 Применение декораторов для создания и стилизации простого компонента 56 Подготовка 56 Реализация 57 Принцип действия 60 Дополнение 61 См. также 62 Передача членов родительского компонента порожденному компоненту 62 Подготовка 62 Реализация 63 Принцип действия 67 Дополнение 67 См. также 69 Привязка к естественным атрибутам элементов разметки 70 Реализация 70 Принцип действия 70 См. также 71 Регистрация обработчиков естественных событий в браузерах 71 Подготовка 71 Реализация 72 Принцип действия 72 ['!] Содержание Дополнение 73 См. также 74 Генерирование и обработка специальных событий средствами класса EventEmitter 74 Подготовка 74 Реализация 75 Принцип действия 78 Дополнение 79 См. также 79 Присоединение поведения к элементам модели DOM с помощью директив 79 Подготовка 80 Реализация 80 Принцип действия 83 Дополнение 83 См. также 83 Отображение вложенного содержимого с помощью директивы ngContent 84 Подготовка 84 Реализация 85 Принцип действия 86 Дополнение 86 См. также 87 Применение структурных директив ngFor и ngif для управления на основе модели DOM 87 Подготовка 87 Реализация 88 Принцип действия 89 Дополнение 90 См. также 91 Обращение к элементам разметки с помощью переменных шаблона 91 Подготовка 92 Реализация 92 Дополнение 93 См. также 94 Привязка свойств атрибутов 95 Подготовка 95 Реализация 96 Принцип действия 97 Дополнение 98 См. также 98 Применение перехватчиков жизненного цикла компонентов 98 Подготовка 98 99 Содержание Г'!J Принцип действия 100 Дополнение 101 См. также 101 Обращение к родительскому компоненту из порожденного компонента 101 Подготовка 101 Реализация 102 Принцип действия 103 Дополнение 103 См. также 103 Настройка взаимного оповещения родительских и порожденных компонентов с помощью декоратора @ViewChild и функции forwardRef () 104 Подготовка 104 Реализация 105 Принцип действия 107 Дополнение 108 См. также 109 Настройка взаимного оповещения родительских и порожденных компонентов с помощью декоратора @ContentChild и функции forwardRef() 109 Подготовка 110 Реализация 110 Принцип действия 112 Дополнение 113 См. также 114 Глава 3. Создание реактивных и управляемых по шаблонам форм 115 Введение 115 Реализация простой двунаправленной привязки данных с помощью директивы ngModel 116 Реализация 116 Принцип действия 117 Дополнение 118 См. также 119 Реализация элементарной проверки достоверности данных в поле средствами класса FormControl 119 Подготовка 120 Реализация 120 Принцип действия 122 Дополнение 123 См. также 124 Объединение объектов типа FormControl средствами класса FormGroup 124