Populate input, when value in input changes (Angular)

Question

I have two inputs, one for Landlord Name, and second for Organization Name

Here is code

  <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>

I need to populate organizationName, when I enter value in Name field. How I can do this?

You can also use some npm module in order to achieve your requirement. :) — Abhishek Gautam
– Abhishek Gautam, Commented Mar 11, 2019 at 9:33

Borys Kupar · Accepted Answer · 2019-03-11 08:33:45Z

1

You can use ngModelChange event emitter, like:

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

And define onNameChange in your component:

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

answered Mar 11, 2019 at 8:33

Borys Kupar

1,73112 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eugene Sukh Over a year ago

yeah. this helps. Thanks so much

Collectives™ on Stack Overflow

Populate input, when value in input changes (Angular)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related