Использование ng-контента в двух местах в ng-template - PullRequest
0 голосов
/ 11 апреля 2020

Я пытаюсь использовать ng-шаблон с ng-контентом внутри в двух местах. Один снаружи, а другой внутри коврик меню. Однако, когда я нажимаю на матовое меню, нг-контент снаружи больше не отображается.

enter image description here

Почему это так и как я могу это исправить ?

<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>

Также это прекрасно работает, если это не нг-контент, например, жесткое кодирование "ТЕСТ" работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...