亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從 Angular 父組件傳遞到子組件的數據在子組件中未定義

從 Angular 父組件傳遞到子組件的數據在子組件中未定義

牛魔王的故事 2023-08-18 09:57:30
我有一個父組件將信息傳遞給子組件,但它是未定義的。如果這是 Angular 101,我很抱歉,但是如何延遲子組件渲染或運行任何 javascript,直到它獲得所需的輸入?拉取數據的父組件 ngOnInit:public ngOnInit(): void {     this.productService.getProductById(1).subscribe(product => {            this.product = product;        });}父組件 HTML:<child-component [product]="product" id="myProduct"></child-component>子組件輸入聲明:@Input() public product: Product;子組件 ngOnInit 需要產品存在:public ngOnInit(): void {     // It is returning as undefined     console.log(this.product);}
查看完整描述

1 回答

?
慕虎7371278

TA貢獻1802條經驗 獲得超4個贊

這是因為產品是異步加載的,因此當視圖最初呈現時,產品是未定義的


 <child-component *ngIf="product" [product]="product" id="myProduct"></child-component>

您也可以使用 Onchanges


ngOnChanges(changes: SimpleChanges) {

    if (changes['product']) {

        let variableChange = changes['product'];

    }

}


查看完整回答
反對 回復 2023-08-18
  • 1 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號