Компоненты Angular 2 — Вложенные контейнеры

Компоненты Angular 2 — Вложенные контейнеры

От автора: продолжаем изучать, как работают в Angular компоненты. В Angular JS можно помещать контейнеры один в другой. Внешний контейнер называется родительским контейнером, а внутренний — дочерним контейнером. Давайте рассмотрим, как это реализуется.

Шаг 1 — Создайте файл ts для дочернего контейнера с именем child.component.ts.

Компоненты Angular 2 — Вложенные контейнеры

Шаг 2 – Добавьте следующий код в файл, созданный в предыдущем шаге.

Бесплатный курс «NodeJS. Быстрый старт»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript с NodeJS

Получить курс

Вышеприведенный код устанавливает для параметра this.values значение «Hello».

Шаг 3 — Поместите следующий код в файл app.component.ts.

Обратите внимание, что мы вызываем оператор import для импорта модуля child.component. Также мы вызываем селектор <child-app> из дочернего компонента в основной компонент.

Шаг 4 — Затем нам нужно обеспечить, чтобы дочерний компонент также включен в файл app.module.ts.

После сохранения всех изменений в коде и обновления страницы браузера вы получите следующий результат.

Компоненты Angular 2 — Вложенные контейнеры

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Бесплатный курс «NodeJS. Быстрый старт»

Изучите курс и узнайте, как создать веб-приложение с нуля на JavaScript с NodeJS

Получить курс

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий