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子路由

回答

相關問題