如何将孩子附加到按钮中

Question

我想通过指令将一个组件作为按钮的子项添加到按钮

我尝试了renderer2的appendChild和insertBefore方法，但是这两个方法都在按钮旁边而不是按钮内部渲染组件。

https://stackblitz.com/edit/my-mat-menu?file=app%2Fmenu-icons-example.html

预期：myMenuItem指令应在XYZ按钮内呈现btnElement组件 实际：myMenuItem指令正在XYZ按钮旁边呈现btnElement组件

Answer 1

使用div解决了此问题

<mat-menu #menu="matMenu">
  <div>
      <button mat-menu-item myMenuItem="r" (disableBtn)="isAllowed($event)">
        <span>PQR</span>
      </button>
      <button mat-menu-item myMenuItem="z" (disableBtn)="isAllowed($event)">
        <span>XYZ</span>
      </button>
  </div>
</mat-menu>