重新加载主路由器插座并清空辅助路由器插座

时间:2017-09-11 11:28:53

标签: angular angular-routing

我正在尝试使用带有主路由器插座的辅助路由器插座。

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'路由器插座但不能正常工作

0 个答案:

没有答案