如何在组件 ContextMenu 的 primeNG 中使用属性 appendTo？

Question

我正在尝试在组件ContextMenu中使用属性appendTo ，但我想将行为附加到一个元素，例如 div。

Answer 1

on the element u want to append to add a hashtag #myHashTag and on the prime element u want to append add: [appendTo]="myHashTag" <- without the # sign

example:

<div class="recording-control-button" #stopbutton></div>

<p-confirmDialog [appendTo]="stopbutton"></p-confirmDialog>

Answer 2

I'm presuming you're using Angular 2?

Based on the information on the api for primeng context menu here:

PrimeNg context menu

You need to use a Angular 2 template variable, see here:

Angular 2 HTML variables

Answer 3

I try this and it works - [appendTo]="'body or template or any Id'"

For example: <div #largeModal></div> - define anywhere in html, but in your project

Define this menu primeng in your html <ng-template let-item="rowData" <p-menu #menu popup="popup" [model]="items"></p-menu> <button type="button" pButton icon="fa fa-list" label="Show" [appendTo]="'largeModal'" (click)="menu.toggle($event)"></button> </ng-template>