小編給大家分享一下Angular5 路由傳參的方法有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
10年的奉新網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整奉新建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“奉新網(wǎng)站設(shè)計(jì)”,“奉新網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
具體如下:
1.問(wèn)號(hào)后面帶的參數(shù),獲取參數(shù)的方式:ActivatedRoute.queryParams[id]
例如:/product?id=1&name=iphone還可以是: [ routerLink]= "['/books']" [ queryParams]= "{bookname:'《活著》'}
代碼:html
Messages
Total:{{msgs.total}}
{{item.name}}: {{item.msg}} Reply
獲取參數(shù)js
ngOnInit() { let obj = this.route.queryParams["_value"]; console.log(obj); }
2.冒號(hào)形式,
例如:path:/product/:id
獲取參數(shù)的方式:ActivatedRoute.params[id]
上邊html代碼中第一個(gè)routelink就是。
另外需配置路由
{ path:'listDetail/:id', component:ListDetailComponent }
以上是“Angular5 路由傳參的方法有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!