为什么MatToolTip显示在html本机对话框下方?
import { Component, ElementRef, ViewChild } from '@angular/core';
@Component({
selector: 'tooltip-overview-example',
template: `
<dialog #dialog style="height: 50px; opacity: 0.8">
<button matTooltip="Test">test</button>
</dialog>
<button (click)="openDialog()">Open</button>`,
})
export class TooltipOverviewExample {
@ViewChild('dialog') dialog: ElementRef<HTMLDialogElement>;
openDialog() {
this.dialog.nativeElement.showModal();
}
}
结果
演示
https://stackblitz.com/edit/angular-3rx9ry?file=src%2Fapp%2Ftooltip-overview-example.ts个