当下拉菜单关闭时，垫选择单击外部不起作用
当下拉菜单关闭时，垫选择单击外部不起作用
提问于 2018-06-05 19:11:53
我有下拉列表与Mat选择角度组件，我需要触发一个事件，当我点击下拉列表(主体的页面)。
<mat-select #select multiple (change)="onSubmit($event)" [(ngModel)]="emp">
<mat-option *ngFor="let value of filter.default" [value]="value">
{{value}}
</mat-option>
</mat-select>这是我的ts文件
export class AnotherComponent {
public text: String;
@HostListener('document:click', ['$event'])
clickout(event) {
if(this.eRef.nativeElement.contains(event.target)) {
console.log("clicked inside");
} else {
console.log("clicked outside");
}
}
constructor(private eRef: ElementRef) {
}
}它不能正常工作，请帮助
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-06 05:09:36
如果要了解选择面板何时关闭，请使用openedChange事件：
<mat-select #select multiple (change)="onSubmit($event)" [(ngModel)]="emp"
(openedChange)="openedChange($event)">
<mat-option *ngFor="let value of filter.default" [value]="value">
{{value}}
</mat-option>
</mat-select>
openedChange(opened: boolean) {
console.log(opened ? 'opened' : 'closed');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50698658
复制相关文章
相似问题
腾讯云开发者
