I'm trying to use Angular Material tabs in a template, and finding that only the first/initial tab shows its content. When you switch to any other tab, the tab header switches correctly, but the content does not show.
I imported MatMaterialTabs like so:
import { MatTabsModule } from '@angular/material/tabs';
Then in the template I used the following markup, from one of the examples at the Angular Material site:
<mat-tab-group> <mat-tab label="First"> Content 1 </mat-tab> <mat-tab label="Second"> Content 2 </mat-tab> <mat-tab label="Third"> Content 3 </mat-tab> </mat-tab-group>
You can see the result on the Journal Search page of my test view.
The development tools show that the content of tabs 2 and 3 are not being loaded.
This is occurring in both proxy mode and when compiled. Any idea why this might be happening?
I'm trying to use Angular Material tabs in a template, and finding that only the first/initial tab shows its content. When you switch to any other tab, the tab header switches correctly, but the content does not show.
I imported MatMaterialTabs like so:
import { MatTabsModule } from '@angular/material/tabs';Then in the template I used the following markup, from one of the examples at the Angular Material site:
<mat-tab-group> <mat-tab label="First"> Content 1 </mat-tab> <mat-tab label="Second"> Content 2 </mat-tab> <mat-tab label="Third"> Content 3 </mat-tab> </mat-tab-group>You can see the result on the Journal Search page of my test view.
The development tools show that the content of tabs 2 and 3 are not being loaded.
This is occurring in both proxy mode and when compiled. Any idea why this might be happening?