Question

我在组件模板中有一个HTML元素，并且当所选选项更改时，需要在我的打字稿文件中为该组件触发一个函数。

到目前为止，我已经尝试过：

将a（单击）放在选择上。这是行不通的，因为它会在选择选项之前单击“选择”时触发。
在选择元素的上放置一个（单击）。由于某种原因，这没有用。

这就是我想要做的：

        <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>

角度7：<select>元素的值更改时如何调用函数？

1 个答案: