如何通过获取选项默认值来运行函数

Question

我有一个下拉框，其中包含以下HTML代码：

<select #select id="id" class="class" (change)="onChange($event)">
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
</select>

我还得到了一个输入框来获取用户输入：

onChange(){
    if(value==1){
      //do something}
    }else{
      // do another thing
}

用户

输入后，用户可以通过选择一个选项(1或2(来获得结果。如何保持默认运行选项 1？现在，我可以在用户更改为选项 1 后运行选项 2 事件第一。

是否可以使用 <input> 获取<option>值 onChange()呢？

Answer 1

如果将

selected 属性添加到其中一个选项中，则可以设置默认值。它应该看起来像这样：<option value="1" selected> 1 </option> .这是我找到的解决方案的链接。

在 ts 文件中将 onChange(( 更改为 onChange(event： any(，因为如果用户在选择输入中选择另一个值，您将不会获得任何值。所选值位于 event.target.value 中。

如果您想要一个有角度的表单，那么此链接将帮助您构建一个。