Angular2 - 子组件之间的routerConfig子路由

子路由存在子组件之间的页面重新加载问题。Angular2 - 子组件之间的routerConfig子路由

在app.ts

@RouteConfig([ 
    { path: 'app/businessunits/...', component: BusinessRootComponent, as: 'BusinessRoots' }, 
])

在BusinessRootComponent.ts

@RouteConfig([ 
    { path: '/', component: BusinessUnitComponent, as: 'BusinessUnit', useAsDefault: true }, 
    { path: '/apartment', component: ApartmentComponent, as: 'Apartment' }, 
    { path: '/aptdetails', component: AptDetailsComponent, as: 'AptDetails' } // not working as expected 
])

当我有一个routerLink在公寓页面aptdetails，当这个链接点击中的页面重新加载。

从BusinessUnit到Apartment的链接按预期工作。但从Apartment到AptDetails不能按预期工作。

任何想法在配置中有什么问题？

的RouterLink是在公寓组件

@Component({ 
    selector: 'apartment', 
    template: ` 
    <div *ngFor="#apartment of apartments" class="demo-updates mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--12-col-desktop"> 
       <div class="mdl-card__actions mdl-card--border"> 
       <a class="mdl-button mdl-js-button mdl-js-ripple-effect">{{apartment.UnitType}}</a> 
       <a [routerLink]="['AptDetails']" class="mdl-button mdl-js-button mdl-js-ripple-effect" (click)="getAvailable(apartment)">Available</a>     
       </div> 
    </div>   
    `, 

    directives: [ROUTER_DIRECTIVES] 
})

来源

2016-06-09 user2180794

如果你可以去'/应用/ businessunits/aptdetails'直接从URL和一切呈现正确的然后你的'@ RouteConfig'是好的。你能证实吗？如果是这样，那么给我们'你有'routerLink's。 –

如果你改变顺序，把第二个{path：'/ aptdetails'，component：AptDetailsComponent，如：'AptDetails'}会发生什么？ – AngJobs

@WojciechKwiatek是的，我可以直接找到它，但是当页面到达那里时刷新页面。 – user2180794

根据您的组件结构，我认为这应该工作：

<a [routerLink]="['../AptDetails']"

来源

2016-06-10 05:14:52

Angular2 - 子组件之间的routerConfig子路由

回答

相关问题