Angular html选择问题答案

【问题标题】：Angular html select issueAngular html选择问题
【发布时间】：2018-11-25 22:54:01
【问题描述】：

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

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

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

html 网址：https://angular-hwqst6.stackblitz.io

【问题讨论】：

您将选择框绑定到模型，然后更改模型：angular.io/guide/forms。或者您使用响应式表单，并更改绑定到选择的表单控件的值：angular.io/guide/reactive-forms
第三方代码存储库的链接不能替代问题正文中的minimal reproducible example。如果您edit您的问题并添加显示您遇到的问题的代码，您将获得更多有用的回复。
不改变任何反应形式

标签： angular angular5 angular6 angular7

【解决方案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

【讨论】：

问题是在选择街道然后更改城市后，默认选项“选择街道”不像开头那样显示为占位符
@YoussefHarkati 试试看，在你的演示上没问题。