Как прикрепить входные данные к Angular 2, только если они нетронуты?

Question

У меня есть два поля ввода:

<input type="text" [(ngModel)]="title" name="title">
<input type="text" [(ngModel)]="og_title" name="og_title" value="{{ title }}">

Я хочу сделать поле og_title равным title, пока og_title не станет чистым.

Как я могу сделать это в Angular 2 (Angular 7)

Answer 1

Я думаю, было бы лучше, если бы вы использовали Reactive формы вместо двухстороннего связывания с ngModel, но все равно это сработало бы:

<input type="text" [(ngModel)]="title" name="title" (input)="titleChanged()">
<input type="text" [(ngModel)]="og_title" name="og_title">

и в файле TS:

titleChanged(){
 if(<code to check if og_title is pristine>){
  this.og_title = this.title;
 }
}

заменить <code to check if og_title is pristine> на логику, которая включает в себя имя формы и нетронутые условия поля ввода

Answer 2

Вы можете назначить для ngModel

HTML

<input type="text" [(ngModel)]="title" name="title" (input)="assignToModel($event)">
    <input type="text" [(ngModel)]="og_title" name="og_title" value="{{ title }}">

TS:

assignToModel(event){
this.og_title = event.target.value;
}