新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Angular之父子路由-創(chuàng)新互聯(lián)
一 : 測試設(shè)計
① , 在news組件中有newsa 和 newsb2個子組件 . 排版如下所示 :
② , 分別創(chuàng)建出 news , newsa , newsb3個組件
二 : app-routing.module.ts
{
path:"news" , component:NewsComponent,
children:[
{path:"newsa" , component:NewsaComponent},
{path:"newsb" , component:NewsbComponent},
{
path:"**",
redirectTo:"newsa"
}
]
},
上面配置的意思很清楚:
① , 有一個news組件
② , news組件下面有2個子組件newsa , newsb
③ , 默認(rèn)顯示子組件是newsa
三 : 設(shè)計news組件的html
注意:
① , routerLink的寫法 , 既然newsa/newsb為news的子組件 , 那么必須寫成/news/newsa或者/news/newsb.這個和路由配置是對應(yīng)的
② , 想要在
四 : 結(jié)果
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務(wù)器,動態(tài)BGP最優(yōu)骨干路由自動選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟,新人活動云服務(wù)器買多久送多久。
分享文章:Angular之父子路由-創(chuàng)新互聯(lián)
當(dāng)前路徑:http://www.dlmjj.cn/article/dpcpec.html