Question

我有一个select元素定义如下：

<form #empForm="ngForm" novalidate>
    <div>
        <label>Role</label>
        <select name="role" [(ngModel)]="user" (ngModelChange)="get1($event)" (change)="get($event)">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    </div>
</form>

在.ts中，由于select html被绑定到属性用户，因此以编程方式将其设置为不同的值，如下所示不会触发ngModelChange或更改事件，我相信仅基于用户干预触发

  set(input: any) {
    this.user = "3";
  }

我希望在模型以编程方式更改时触发这些事件。这可能吗？

谢谢你，阿什利

Answer 1

尝试添加<option value="1">

等值属性

Answer 2

当页面加载并设置默认值时，从那里取出并执行逻辑。设置后无需通过元素读取它。

angular 2 select元素触发onchange

2 个答案: