меню

Event Binding

Синтаксис: (event)="function()"

\app\servers\servers.component.html:

  
<button 
  class="btn btn-primary" 
  [disabled]="disallowNewServer"
  (click)="onServerCreate()">Add Server</button>
<p [innerText]="serverStatus"></p>
  

\app\servers\servers.component.ts:

 
export class ServersComponent implements OnInit {
    disallowNewServer = true;
    serverStatus = "Server is OFF";
    ...
    onServerCreate() {
        this.serverStatus = "Server is ON";
    }
}
 

Передача и использование данных с помощью event Binding

\app\servers\servers.component.html:

 
<input
    type="text"
    class="form-control"
    (input)="onUpdateServerName($event)">
<p>{{ serverName }}</p>
 

\app\servers\servers.component.ts:

 
serverName = '';

onUpdateServerName(event: Event) {
    this.serverName = (<HTMLInputElement>event.target).value;
}
  

(<HTMLInputElement>event.target) - для приведения типа. Это синтаксис для информирования TypeScript о типе переменной. Интерфейс HTMLInputElement является частью Web Api и обеспечивает свойства и методы для манипулирования версткой и представлением элемента input. Подробнее о нем можно прочитать на MDN.


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

Route. Переключения и параметры

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

Формы. Реактивный подход.

Работа с формами. Реактивный подход (Reactive).

Шаблон и стили компонента

Стилилизация компонента в Angular, способы определения стилей, подключени внешнего файла стилей, вынесение кода шаблона во внешний файл html

Route. Контроль навигации с помощью сервиса

Деактивации роута в Angular5 и контроль навигации

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

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

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

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

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

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

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