angular - ng-container を使用している場合は、mat-tab にヒントを追加します

Question

ng-container を使用している場合、mat-tab にツールチップを追加する際に問題が発生します。

<mat-tab-group>
    <mat-tab label="Users" >
        <ng-container *ngTemplateOutlet="users"></ng-container>
    </mat-tab>
    <mat-tab label="Cars">
        <ng-container *ngTemplateOutlet="cars"></ng-container>
    </mat-tab>
</mat-tab-group>
<ng-template #users>
    <div>many users</div>
</ng-template>
<ng-template #cars>
    <div>many cars</div>
</ng-template>

私はMatt-tab label にツールチップを添付してみました。機能していません。違いは、ここでは を使用することng-containerです。

Answer 1

ng-containerとしてレンダリングされるため、ツールチップを に追加することはできませんcomment。そのため、一部を/に変更ng-containerするか、ツールチップを の内部に添付する必要があります。divspandivng-template