log.component.html:
<clr-tabs>
<clr-tab>
<button style="margin-left: 3% !important;" clrTabLink [routerLink]="'log1'">Log1</button>
<ng-template [(clrIfActive)]="log1">
<clr-tab-content>
<div class="main-container">
<div class="content-container">
<div class="content-area">
<router-outlet></router-outlet>
</div>
</div>
</div>
</clr-tab-content>
</ng-template>
</clr-tab>
<clr-tab>
<button style="margin-left: 3% !important;" clrTabLink [routerLink]="'log2'">Log2</button>
<ng-template [(clrIfActive)]="log2">
<clr-tab-content>
<div class="main-container">
<div class="content-container">
<div class="content-area">
<router-outlet></router-outlet>
</div>
</div>
</div>
</clr-tab-content>
</ng-template>
</clr-tab>
route.module.ts:
{ path: 'log', component: LogComponent, children: [
{ path: 'log1', component: Log1Component },
{ path: 'log2', component: Log2Component ,pathMatch: 'full' }
]
}
Я хочу загружать содержимое вкладки log1 по умолчанию, когда пользователь нажимает / log, как подойти к этой функции, любые указатели будут полезны для новичка, такого как я.
в настоящее время при нажатии на log1 отображаются обе вкладки, и когда я нажимаю на первую вкладку, отображается содержимое tab1, мне нужно, чтобы по умолчанию отображались данные tab1