在不同组件中重用angular ng模板

在不同组件中重用angular ng模板,angular,Angular,我想在我的应用程序的其他地方重用此ng模板。只有ng模板,而不是选项卡组。我仍然希望能够在不同组件之间更改消息 这是我的密码 <mat-tab-group> <ng-template #reusable> <h2 matDialogTitle>Are you sure you want to do X</h2> <mat-dialog-actions> <button

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

这是我的密码

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

你确定要做X吗
不
对

您可以创建一个组件。是关于如何创建一个的一些信息。如果您将
ng模板
及其子项提取到一个新组件,并将新组件而不是
ng模板
放在代码中,则应该设置

您可以创建一个组件。是关于如何创建一个的一些信息。如果您将
ng模板
及其子项提取到一个新组件,并将新组件而不是
ng模板
放在代码中,则应该设置

如果您创建一个单独的组件,重用将起作用。的可能副本将使您能够重用创建新组件所需的内容。Angular中的最佳实践之一是。如果组件开始变大,则应该考虑将一些代码移到另一个组件。另外,如果您有一个按钮或代码,并且您知道您希望在应用程序的其他位置重复使用,那么您也应该创建一个新组件。好的,谢谢您的帮助,让我试试它,并使用CLI创建您的组件、服务等。。从长远来看,这可以使代码更干净、更易于维护。只需执行
ng g c nameofcomponent
,使用后只需使用它,例如:
,这是假设组件的前缀是appruuse,如果您创建一个单独的组件,则该前缀将起作用。可能的副本可使您能够重用创建新组件所需的内容。Angular中的最佳实践之一是。如果组件开始变大,则应该考虑将一些代码移到另一个组件。另外,如果您有一个按钮或代码,并且您知道您希望在应用程序的其他位置重复使用,那么您也应该创建一个新组件。好的,谢谢您的帮助,让我试试它,并使用CLI创建您的组件、服务等。。从长远来看,这可以使代码更干净、更易于维护。只需执行
ng g c nameofcomponent
,然后使用它,您只需将其用于ex:
这是假设您的组件的前缀是app