如何使用 Angular 材质创建 Angular 元素？

Question

我正在创建一个使用 Angular Material 设计的 Angular 元素。材质内容不会在浏览器中呈现，但会显示在 DOM 上。

我的元素模板如下所示：

<h1>Hello world!</h1>
<mat-menu #appMenu="matMenu">
  <button mat-menu-item>Settings</button>
  <button mat-menu-item>Help</button>
</mat-menu>

<button mat-icon-button [matMenuTriggerFor]="appMenu">
  <mat-icon>more_vert</mat-icon>Click Me!
</button>

Final output

Answer 1

对于 mat-menu，它不会在 HTML 中呈现，直到它不可见。

你可以检查这个Demo点击最后一个按钮。