angular - Angular7 - 带有 ng-container 的 mat-tab-group 使滚动无法在移动设备上运行

Question

我使用mat-tab-groupwithng-container是为了显示自定义组件的列表。

出于某种原因，mat-tab-groupwith的组合ng-container使滚动不起作用：

<mat-tab-group mat-stretch-tabs>

<mat-tab>
    <ng-template matTabLabel>
        <div [matBadge]="mybadge" matBadgeOverlap="false">test</div>
    </ng-template>
    <ng-container *ngFor="let obj of myArray">
        <my-component [prop]="obj.prop"></my-component>
    </ng-container>
</mat-tab>

</mat-tab-group>

我还尝试使用以下方法覆盖.mat-tab-body-contentcss：

.mat-tab-body-content { display: flex; flex:1; overflow-y: scroll !important; flex-direction: column }

标签： angularscrollangular-materialangular7angular-material2