Синтаксис: [(ngModel)]="serverName"
<input
type="text"
class="form-control"
[(ngModel)]="serverName" />
Для использования [(ngModel)]
необходимо, чтобы был подключен FormsModule
.
\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
.
Создание директивы атрибута и использование класса Renderer2 в Angular
В данном руководстве пойдет речь о селекторе, Databinding, интерполяции, связывание свойств и многом другом.
Работа с формами. Реактивный подход (Reactive).