在路由時(shí)傳遞參數(shù)的有效的正確寫法——參數(shù)訂閱

解決的問題：同一組件在路由中重復(fù)調(diào)用不會(huì)重新加載[constructor()方法不會(huì)被調(diào)用，所以oninit方法也不會(huì)再調(diào)用 ，所以id屬性依然保持著第一次被創(chuàng)建時(shí)賦予的值的問題]，只有地址欄里會(huì)改變，頁面?zhèn)髦档慕Y(jié)果是第一次加載的值

在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"]

)

? ????????}

}

轉(zhuǎn)載于:https://blog.51cto.com/11056727/2164341

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。