如何解决如何获得 Mat Autocomplete 的 Panel ElementRef
根据 MatAutocomplete documentation,MatAutocomplete 类有一个 panel
属性,它将为您提供面板的 elementRef。
面板:元素引用
包含自动完成选项的面板元素。
我正在努力让它工作,因为 autocomplete.panel 总是未定义?我错过了什么?
<mat-autocomplete #auto="matAutocomplete">
@ViewChild("auto") autocomplete: MatAutocomplete;
ngAfterViewInit(): void {
console.log(this.autocomplete.panel); // undefined??
}
解决方法
我意识到只有当面板打开并且元素在 DOM 中时元素才可用。如果你仔细想想,这是有道理的......
查看我的 updated stackblitz 以了解我的意思。请注意,该元素尚未添加到 (opened)
事件的视图中。这意味着您必须添加 setTimeout 或以某种方式等待元素添加到 dom 才能访问它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。