Angular 7：当 <select> 元素的值发生变化时如何调用函数？

Question

我在组件模板中有一个html元素，需要在所选选项更改时触发组件的CypeScript文件中的函数。

到目前为止我所尝试的：

1. 在选择上放置（单击）。这不起作用，因为它在单击选择时触发，在选择选项之前。

2. 在选择元素上放置（单击）。由于某种原因，这不起作用。

这是我想要做的：

        <select name="sort-by" 
                id="sort-by" 
                class="form-control"
                (<someEvent>)="myFunc()">
          <option value="lotNumber" >Lot Number  </option>
          <option value="firstName" >First Name  </option>
          <option value="lastName"  >Last Name   </option>
        </select>

Answer 1

您可以使用(change) 事件来实现此目的。这将在所选选项更改时触发myFunc()。

<select name="sort-by" id="sort-by" class="form-control" (change)="myFunc()">
     <option value="lotNumber" >Lot Number  </option>
     <option value="firstName" >First Name  </option>
     <option value="lastName"  >Last Name   </option>
</select>