如何根据下拉列表值更改角度2修改输入值

时间:2018-01-22 16:01:58

标签: javascript angular angular2-template angular2-forms

我有几个输入字段,需要根据下拉列表值更改来更改其值。例如,如果下拉值=默认值,则输入值='',输入b值=' b&#39 ;;如果下拉值=' a',则输入值=' a',输入b值=''。我该如何存档?我正在使用模板表单。谢谢您的帮助。

1 个答案:

答案 0 :(得分: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 = '';
}
}

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