在不同组件中重用角度ng-template

Question

我想在我的应用程序的其他地方重用此ng-template。仅ng-template，而不是选项卡组。我仍然希望能够在不同组件之间更改消息。

这是我的代码

<mat-tab-group>
    <ng-template #reusable>
        <h2 matDialogTitle>Are you sure you want to do X</h2>
        <mat-dialog-actions>
            <button mat-button matDialogClose="no">No</button>
            <button mat-button matDialogClose="yes">Yes</button>
        </mat-dialog-actions>
    </ng-template>
</mat-tab-group>

Answer 1

您可以创建一个组件。 Here是有关如何创建一个的一些信息。如果将ng-template及其子元素提取到一个新组件中，然后将新组件而不是ng-template放置在代码中，则应该设置！