меню

В файле \app\servers\servers.component.html:

Заменим:

  
<app-server></app-server>
<app-server></app-server>
  

На:

  
<app-server *ngFor="let server of servers"></app-server>
  

В файле \app\servers\servers.component.ts определим переменную servers:

 
servers = ['Test1', 'Test2'];
serverName = 'NewServer';

onServerCreate() {
  this.servers.push(this.serverName);
  this.serverStatus = "Server is ON";
  this.serverCreated = true;
}
 

Теперь, блоки app-server будут генерироваться автоматически, из списка.

Получить номер итерации можно так:

  
*ngFor="let server of servers; let i = index"
 

Возможно, вам будет интересно

Динамические шаблоны в Angular

В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.

Route. Обновление шаблона

Обновление шаблона при динамическом роутинге и отписка от наблюдения

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

Компоненты ключевая особенность Angular. Приложение строится из компонентов.

Формы. Шаблонный подход.

Работа с формами. Шаблонный подход (Template-driven)

Оформление заявки

Документы на создание сайта

Изучите наше коммерческое предложение, заполните БРИФ и отправьте его на почту maxidebox@list.ru. Изучив все пожелания из БРИФ-а, обратным ответом оповестим Вас по стоимости разработке, ответим на вопросы.

КП на создание сайта Коммерческое предложение на созданеи сайта

Мы берем на себя ответственность за все стадии работы и полностью избавляем клиентов от забот и необходимости вникать в тонкости.

Скачать БРИФ (акета) на создание сайта Скачать БРИФ (акета) на создание сайта

Зополните у БРИФ-а все необходимые поля. Сделайте краткое описание к каждому из пунктов анкеты, привидите примеры в соответсвующий пунктах - это позволит лучше понять Ваши ожидания и требования к сайту