如何解决Angular 9:我在Material-Angular中遇到了mat-tab-group问题
我使用了@kolkov/angular-editor文本模块,该模块应该允许我编辑文本,而我希望在两个部分都使用它。 除了有一个我找不到解决方案的问题。
如果可以帮助我找到解决方法。
<mat-card>
<div class="help-container">
<mat-tab-group mat-stretch-tabs class="bko-stretched-tabs mat-elevation-z4">
<mat-tab label="Tutorials">
<backoffice-tutorials></backoffice-tutorials>
tab1
</mat-tab>
<mat-tab label="Support">
<backoffice-support></backoffice-support>
tab2
</mat-tab>
</mat-tab-group>
</div>
</mat-card>
在这里我们看到在tab2
中什至没有任何内容在HTML中显示为纯文本tab2
。
解决方法
在<ng-template>
内使用<mat-tab>
,如下所示:
<mat-tab-group mat-stretch-tabs class="bko-stretched-tabs mat-elevation-z4">
<mat-tab label="Tutorials">
<ng-template matTabContent>
<backoffice-tutorials></backoffice-tutorials>
tab1
</ng-template>
</mat-tab>
<mat-tab label="Support">
<ng-template matTabContent>
<backoffice-support></backoffice-support>
tab2
</ng-template>
</mat-tab>
</mat-tab-group>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。