小編給大家分享一下Angular5 路由傳參的方法有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
10年的奉新網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整奉新建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“奉新網(wǎng)站設(shè)計”,“奉新網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
具體如下:
1.問號后面帶的參數(shù),獲取參數(shù)的方式:ActivatedRoute.queryParams[id]
例如:/product?id=1&name=iphone還可以是: [ routerLink]= "['/books']" [ queryParams]= "{bookname:'《活著》'}
代碼:html
<h5>Messages</h5> <p>Total:{{msgs.total}}</p> <div *ngFor="let item of msgs.data"> <b>{{item.name}}</b>: <a [routerLink]="['/next',item.id]" [queryParams]="{id:item.id, msg:item.msg, name:item.name}">{{item.msg}}</a> <a routerLink="/final">Reply</a><p></p> </div>
獲取參數(shù)js
ngOnInit() { let obj = this.route.queryParams["_value"]; console.log(obj); }
2.冒號形式,
例如:path:/product/:id
獲取參數(shù)的方式:ActivatedRoute.params[id]
上邊html代碼中第一個routelink就是。
另外需配置路由
{ path:'listDetail/:id', component:ListDetailComponent }
以上是“Angular5 路由傳參的方法有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當前名稱:Angular5路由傳參的方法有哪些
網(wǎng)頁路徑:http://bm7419.com/article46/gijjeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站導航、網(wǎng)站收錄、Google、品牌網(wǎng)站設(shè)計、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)