溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

小白入門(mén)angular-cli的第一次旅程（學(xué)習(xí)目標(biāo) 1.路由的基礎(chǔ)知識(shí) 參數(shù)訂閱寫(xiě)法)

發(fā)布時(shí)間：2020-07-28 21:19:57 來(lái)源：網(wǎng)絡(luò) 閱讀：542 作者：伊伊吖吖 欄目：web開(kāi)發(fā)

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

解決的問(wèn)題：同一組件在路由中重復(fù)調(diào)用不會(huì)重新加載[constructor()方法不會(huì)被調(diào)用，所以oninit方法也不會(huì)再調(diào)用 ，所以id屬性依然保持著第一次被創(chuàng)建時(shí)賦予的值的問(wèn)題]，只有地址欄里會(huì)改變，頁(yè)面?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"]

)

          }

}

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手