2017-12-18 122 views
2

我在Angular 4中使用angular-material並在我的第一個組件中將配置(data, id)設置爲將它傳遞給另一個組件以便我可以讀取屬性。使用dialofRef在Angular 4中的組件之間傳遞配置

在我(news-feed.component.ts)我有這樣的功能:

editPost(id,item) { 
    const config = new MatDialogConfig(); 
    config.id = id; 
    config.data = item; 
    const dialogRef: MatDialogRef<PostComponent> = this.dialog.open(PostComponent, config); 
    dialogRef.componentInstance.editedPost(config); 
} 

在我(post.component.ts):

editedPost(config) { 
    console.log(config.data); 
} 

這是我在我的控制檯有: enter image description here

我的數據是(das)字,表示它可以讀取屬性'data',當我按任意鍵時,錯誤在CONSOL中重複即我在這裏錯過了什麼?

回答

0

我使用dialogRef找到了替代解決方案。

在(news-feed.component.ts):

editPost(id,item) { 
     const dialogRef: MatDialogRef<PostComponent> = this.dialog.open(PostComponent); 
     dialogRef.componentInstance.myPost = item; 
     dialogRef.componentInstance.myId = id; 
    } 

在我(post.component.ts):

public myPost: any; 
public myId: any; 

editedPost() { 
     console.log(this.myPost); 
     console.log(this.myId); 
     return true; 
    } 
+0

你應該標記你的答案是正確的。 – Kpfromer

+0

@Kpfromer親愛的Kpfromer,我知道,但我不能在明天之前標記我的答案。最好的祝福 –

相關問題