Angular 2 & TypeScript Полезности
Тип Поста

Angular 2 & TypeScript Полезности

Angular 2 & TypeScript Полезности

Полезные и необходимые подсказки для Angular 2 и TypeScript, начиная с самых основ и заканчивая созданием полноценного CRUD HTTP-клиента.

Все полезности предоставлены в формате программного кода, размещенного на GitHub, с достаточным количеством комментарием для лучшего понимания. Каждый пример оформлен в виде отдельного Angular-приложения, которое устанавливается и запускается стандартными командами npm install и nmp start соответственно.

Содержание полезностей:

  1. TypeScript
    1. Типы данных
    2. Функции
    3. Классы
    4. Интерфейсы
    5. Декоратор свойств
    6. Декоратор классов
  2. Angular 2 – Простое связывание данных
  3. Основы компонентов Angular 2
  4. Barrel-файлы
  5. Примеры компонентов
    1. Компоненты
      1. CSS-стили
      2. Ввод данных
      3. Вывод данных
      4. Свойства компонентов
      5. Проекция ng-content
    2. Жизненный цикл
      1. ngOnInit
      2. ngOnChanges
      3. ngOnChanges доп. пример
      4. ngDoCheck, ngAfterContentInit, ngAfterContentChecked, ngAfterViewInit, ngAfterViewChecked, ngOnDestroy
    3. Контент и дочерние блоки
      1. ViewChild
      2. ViewChildren
      3. ContentChildren
  6. Директивы
    1. Привязка данных
      1. Интерполяция
      2. Свойства
      3. События
      4. Атрибуты
      5. CSS-классы
      6. CSS-стили
    2. Двустороннее связывание данных
      1. ngModel
      2. Имитация ngModel
    3. Встроенные директивы
      1. ngClass
      2. ngStyle
      3. ngIf
      4. ngSwitch
      5. ngFor
    4. Шаблонизация
      1. ngIf
      2. ngSwitch
      3. ngFor
      4. Template Reference Variable
  7. Сервисы
    1. Внедрение зависимости
      1. Без зависимости
      2. Зависимость при создании экземпляра класса
      3. Фабрика зависимостей
    2. Простой сервис
    3. Иерархия сервисов
    4. Провайдеры
      1. Сокращенная нотация регистрации провайдера
      2. useExisting
      3. useValue
      4. useFactory
      5. OpaqueToken
      6. Optional
      7. Injector
      8. Неявное создание зависимости
  8. Роутинг
    1. Простой роутинг
    2. Дочерние маршруты
    3. Опциональные параметры
    4. Роутинг дочерних маршрутов
    5. Редирект
    6. Защита доступа
    7. Пример аутентификации
    8. canDeactivate и подтверждение отмены действия
    9. Resolving
  9. Формы
    1. Template подход
      1. Создание формы
      2. CSS-классы
      3. Стилизация
      4. Сообщения об ошибках
      5. Вывод нескольких сообщений об ошибках
      6. ngSubmit
      7. Обработка ошибок
    2. Reactive подход
      1. FormGroup & FormControl
      2. Validators
      3. FormBuilder
      4. Reactive Form
      5. Кастомные валидаторы
  10. HTTP
    1. Пример простого HTTP-клиента
    2. JSONP
    3. CRUD HTTP-клиент – Observable
    4. CRUD HTTP-клиент – Promise

Весь код доступен в репозитории проекта по ссылке https://github.com/sbogdanov108/angular2_cheatsheet.

При создании статьи были использованы следующие источники:

Поделиться

1 комментарий

Оставить комментарий

Вы можете использовать следующие HTML-теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Обязательно к заполнению