javascript - 如何根据下拉列表值更改 Angular 2修改输入值

Question

我有几个输入字段，它们的值需要根据下拉列表值的更改进行更改。例如，如果下拉值=默认值，则输入a值=''，输入b值='b'；如果下拉值='a'，则输入a值='a'，输入b值=''。我怎样才能存档它？我正在使用模板表单。感谢您的帮助。

Answer 1

最初，您必须检测所选下拉列表中的更改，可以通过以下方式完成:

HTML

<select  (change)="select($event)" >
    <option value="a"> A </option>
    <option value="b"> B </option>
</select> 

TS

select(event){
if(event.target.value === 'a' ){
this.texta= '';
this.textb = 'b';
} else {
this.texta= 'a';
this.textb = '';
}
}

然后可以将这些值分配给输入字段。