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

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

Двухстороннее связывание данных

Синтаксис: [(ngModel)]="serverName"

	
<input
  type="text"
  class="form-control"
  [(ngModel)]="serverName" />
	

Для использования [(ngModel)] необходимо, чтобы был подключен FormsModule.

ngIf условие

\app\servers\servers.component.html:

	
<p *ngIf="serverCreated">
  Server name: {{ serverName }}
</p>
	

\app\servers\servers.component.ts:

	
serverCreated = false;

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

Синтаксис *ngIf="boolean" означает, что данный html блок элемент появится только если выражение равно true.

Похожие материалы

Работа с роутером и ссылками в Angular. Программное переключение роутера и параметры пути в Angular

Использование декораторов HostListener и HostBinding для реагирования на события и работы со стилями в Angular

JavaScript операторы, которые важно знать для работы с Angular

Заявка на создание сайта / Продвижение сайта

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

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

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

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

Закажите сайт по телефону: +7 (929) 701 21 71

наверх