Заполните ввод, когда значение во входе изменяется (Угловое)

Question

У меня есть два входа, один для Имени арендодателя, а второй для Имени организации

Вот код

  <div class="form-group">
                    <label>{{l("Name")}}</label>
                    <input #nameInput class="form-control" type="text" name="name" [(ngModel)]="landlord.name" required maxlength="32">
                </div>
                <div class="form-group">
                    <label>{{l("OrganizationName")}}</label>
                    <input class="form-control" type="email" name="organizationName" [(ngModel)]="landlord.organizationName" required maxlength="500">
                </div>

Мне нужно заполнить имя организации, когда я вводю значение в поле Имя.Как я могу это сделать?

Answer 1

Вы можете использовать ngModelChange источник событий, например:

<input #nameInput (ngModelChange)="onNameChange($event)" class="form-control" type="text" name="name" [(ngModel)]="landlord.name" required maxlength="32">

И определите onNameChange в вашем компоненте:

public onNameChange(name: string) {
    // implement some logic for picking the organization name
    // and update the input
    this.landlord.organizationName = 'some organization name';    
}