javascript - 选择选项不会在第一个值上为 'trigger'

Question

I have this working snippet哪个控制台记录从下拉列表中选择的值。问题是，如果我选择第一个选项(Missing Promo，已被选中)，它不会“触发”onChangeProblem 函数。我该如何解决这个问题？感谢您的宝贵时间!

Answer 1

那是因为默认情况下选择了第一个选项，但没有更改。

change 事件只有在所选选项发生变化时才会被触发。

你应该像这样改变你的模板:

<select (change)="onChangeProblem($event)">
    <option disabled value="null">Select an Option</option>
    <option *ngFor="let problemStatement of problemStatementArray" [value]="problemStatement">
        {{problemStatement}}
    </option>
</select>

由于会有一个占位符文本，一个选项被选中，change 事件将被触发，使您的更改处理程序运行。

这就是理想的实现方式。

---

这是一个 Sample StackBlitz供您引用。