我正在尝试使用带有主路由器插座的辅助路由器插座。
app.routing
const routes: Route[] =[
{path : 'dashboard', component : DashboardComponent},
{path : 'list', component : ListComponent , outlet :'list'},
{path : 'detail/:id', component : DetailComponent , outlet : 'detail'},
app.component.html
<a routerLink="dashboard" >Dashboard</a>
<a [routerLink]="[{outlets :{ list :['list'], detail : null }}]" >list</a>
<a [routerLink]="[{outlets :{ detail :['detail',2] , list:null }}]" >detail</a>
<router-outlet></router-outlet>
<router-outlet name ="list"></router-outlet>
<router-outlet name="detail" ></router-outlet>
当我点击列表锚标记时,它会使详细路由器出口无效,并且在点击详细信息链接时,列出路由器出口变空,这是所需行为并且正常工作。
现在我要通过点击信息中心主播标记来清空'list'和'detail'路由器插座但不能正常工作