Angular 角度7材质自动完成选项未显示

Angular 角度7材质自动完成选项未显示,angular,angular-material,angular7,Angular,Angular Material,Angular7,我使用的是来自的精确代码,唯一的区别是我使用的是Angular 7和@Angular/material 7 component.html: {{street} {{街道} 组件1.ts: control=newformcontrol(); 街道:字符串[]=[‘香榭丽舍大街’、‘伦巴第街’、‘修道院路’、‘第五大道’]; 过滤状态:可见; 构造函数(){ this.filteredStreets=this.control.valueChanges.pipe( startWith(“”), 映

我使用的是来自的精确代码,唯一的区别是我使用的是Angular 7和@Angular/material 7

component.html:


{{street}
{{街道}
组件1.ts:

control=newformcontrol();
街道:字符串[]=[‘香榭丽舍大街’、‘伦巴第街’、‘修道院路’、‘第五大道’];
过滤状态:可见;
构造函数(){
this.filteredStreets=this.control.valueChanges.pipe(
startWith(“”),
映射(值=>this.\u过滤器(值))
);
}
private_过滤器(值:string):string[]{
const filterValue=此值;
返回this.streets.filter(street=>this._normalizeValue(street).includes(filterValue));
}
private _normalizeValue(值:string):string{
返回值.toLowerCase().replace(/\s/g');
}
开发工具:

仅因为在mat autocomplete中看不到mat选项,并不意味着它不起作用。在您的帖子中的示例中,选项呈现在远离DOM上的input和mat autocomplete元素的cdk-overlay-container中的页面底部。您可以为此创建stackblitz演示吗?