首页 文章

角度数据绑定2

提问于
浏览 次
-1

我的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中实现这种绑定？

angular2-template angular2-forms

1 回答

  • 0
    <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;
}

    而已

    回复于

相关问题