Я пытаюсь использовать ng-шаблон с ng-контентом внутри в двух местах. Один снаружи, а другой внутри коврик меню. Однако, когда я нажимаю на матовое меню, нг-контент снаружи больше не отображается.
Почему это так и как я могу это исправить ?
<div>
<div>
<ng-template [ngTemplateOutlet]="actionBtnTemplate" [ngTemplateOutletContext]="{isMenuView: false}">
</ng-template>
</div>
</div>
<div>
<button [matMenuTriggerFor]="containerMenu">
<div class="menu-icon"></div>
</button>
<mat-menu #containerMenu>
<ng-template [ngTemplateOutlet]="actionBtnTemplate" [ngTemplateOutletContext]="{isMenuView: true}">
</ng-template>
</mat-menu>
</div>
<ng-template #actionBtnTemplate let-isMenuView="isMenuView">
<ng-content></ng-content>
</ng-template>
Также это прекрасно работает, если это не нг-контент, например, жесткое кодирование "ТЕСТ" работает