javascript - 当输入中的值发生变化时填充输入( Angular )

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';    
}