К содержанию

Учебник по фреймворку Angular

Учебник по JavaScript фреймворку Angular. Для новичков. Много теории и задач.

Основы

Введение в фреймворк Angular

Введение в компонентный подход в Angular

Установка фреймворка Angular

Создание проекта Angular

Структура проекта Angular

Структура рабочий папки проекта Angular

Файл макета в Angular

Файл общих стилей проекта в Angular

Структура компонента Angular

Файл с версткой компонента Angular

Файл стилей компонента Angular

Файл с классом компонента в Angular

Темплейт

Интерполяция в Angular

Свойства класса компонента в темплейте Angular

Свойства класса компонента в атрибутах Angular

Свойства-массивы в темплейте Angular

Свойства-объекты в темплейте в Angular

Методы класса компонента в темплейте Angular

Шаблонные переменные в Angular

Привязка значений к свойствам DOM элементов в Angular

Условия

Директива if в Angular

Операторы сравнения в директиве if в Angular

Конструкция if в Angular

Операторы сравнения в конструкции if в Angular

Конструкция else в Angular

Конструкция else-if в Angular

Конструкции switch и case в Angular

Тег ng-template в Angular

Синтаксический сахар в условиях Angular

Циклы

Директива for в Angular

Конструкция for в Angular

Индексы итераций циклов в Angular

Первая итерация цикла в Angular

Последняя итерация цикла в Angular

Четная итерация цикла в Angular

Нечетная итерация цикла в Angular

События

Привязка обработчиков событий в темплейте Angular

Параметры обработчиков событий в темплейте Angular

Объект Event в обработчике события в темплейте Angular

Объект Event и параметры в темплейте Angular

Реактивность в Angular

Реактивные циклы в Angular

Реактивность условий в Angular

Двусторонняя привязка данных в Angular

Стилизация

Стили компонента Angular

Привязка CSS классов в Angular

Массовая привязка CSS классов в Angular

Привязка CSS стилей в Angular

Привязка CSS стилей тегу в Angular

Динамическое изменение стилей в Angular

Каналы

Каналы pipes в Angular

Перевод в верхний регистр через канал в Angular

Перевод в нижний регистр через канал в Angular

Обрезание строки через канал в Angular

Форматирование дат с помощью каналов в Angular

Форматирование чисел с помощью каналов в Angular

Форматирование валюты с помощью канала в Angular

Цепочки каналов в Angular

Список каналов в Angular

Компоненты

Дочерние компоненты в Angular

Передача данных в дочерний компонент в Angular

Передача свойств в дочерний компонент в Angular

Множественный вызов компонента в Angular

Вызов компонента в цикле в Angular

Передача текста в дочерний компонент в Angular

Передача данных в сеттер дочернего компонента в Angular

Передача данных в родительский компонент в Angular

Двусторонняя привязка событий в Angular

Смена тега дочернего компонента в Angular

Жизненный цикл компонентов

Жизненный цикл компонента в Angular

Хук ngOnInit в Angular

Хук ngOnDestroy в Angular

Несколько хуков в Angular

Сервисы

Введение в сервисы Angular

Создание сервиса в Angular

Использование сервиса в Angular

Внедрение одного сервиса в другой в Angular

Роутинг

Роутинг в Angular

Создание нового проекта для роутинга в Angular

Создание компонентов для роутинга в Angular

Настройка базового роутинга в Angular

Тег для роутинга в Angular

Ссылки для роутинга в Angular

Стилизация активных ссылок в Angular

Toчное совпадение адресов в Angular

Параметры маршрутов в Angular

Значения параметров маршрутов в компоненте в Angular

Использование параметров маршрутов в компоненте в Angular

Параметры маршрутов в ссылках в Angular

Проблема с переключением ссылок в Angular

Программная навигация в Angular

Захват всех URL в роутинге в Angular

Порядок маршрутов в Angular

Переадресация в роутинге в Angular

Дочерние маршруты в Angular