Angular html select 问题

Question

从下面的链接可以看出，第一次加载页面时，第一个 select 使用其第一个选项显示 "select street"。然后我select一个城市，第一个select显示对应的街道。

问题是，当我选择一条街道然后点击另一个城市时，显示街道的 select 标签不显示 "Select street" 选项，而是显示第一个索引（如果您使用下拉菜单，您将看到选项 "Select street")。每次更改城市选项时，如何让它显示 "Select street"（第一个选项）？

编辑：https://stackblitz.com/edit/angular-hwqst6

html url : https://angular-hwqst6.stackblitz.io

Answer 1

看来您对演示进行了一些更改，我现在无法继续选择城市。请参考以下代码：

onCitySelected(){
    this.retrievedStreets.length = 0;
    this.retrievedStreets = Object.assign(this.retrievedStreets, this.myObj[this.form.value.city].streets);
    this.form.patchValue({street: null});
}
//you can remove the method lookupStreets

Angular html select 问题

Angular html select issue

angular

angular5

angular6

angular7