在路由時傳遞參數的有效的正確寫法——參數訂閱

解決的問題：同一組件在路由中重復調用不會重新加載[constructor()方法不會被調用，所以oninit方法也不會再調用 ，所以id屬性依然保持著第一次被創建時賦予的值的問題]，只有地址欄里會改變，頁面傳值的結果是第一次加載的值

在product.component.ts中

import {ActivatedRoute} from '@angular/router';

export class ProductComponent implements OnInit {

private productId:number

constructor(private routerInfo:ActivatedRoute)}

? ??????ngOnInit() {

this.routerInfo.params.subscribe(

( params : Params )=>this.productId = params["id"]

)

? ????????}

}

轉載于:https://blog.51cto.com/11056727/2164341

總結

以上是生活随笔為你收集整理的小白入门angular-cli的第一次旅程（学习目标 1.路由的基础知识 参数订阅写法)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。