Question

我的HTML文件中有2个输入框。

<div class="row">
   <label>Input1</label>
   <input type="text" name="input1" [(ngModel)]="model.valueInput1">
</div>

<div class="row">
   <label>Input2</label>
   <input type="text" name="input2" [(ngModel)]="model.valueInput2">
</div>

我的模特是：

model = {
  valueInput1:string = "",
  valueInput2:string = ""
}

现在我想，当我绑定'input1'时，该值应该与'input2'自动绑定。但是如果我改变'input2'值，它就不应该在'input1'中进行更改。

如何在Angular 2中实现这种绑定？

Answer 1

<div class="row">
   <label>Input1</label>
   <input type="text" name="input1" [(ngModel)]="model.valueInput1" (ngModelChange)="updateInput($event)">
</div>
..........

在ts

updateInput(value: string): void {
   this.model.valueInput2 = value;
}

它是

角度数据绑定2

1 个答案: