使用dialofRef在Angular 4中的组件之间传递配置
问题描述:
我在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);
}
我的数据是(das)字,表示它可以读取属性'data',当我按任意键时,错误在CONSOL中重复即我在这里错过了什么?
答
我使用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;
}
你应该标记你的答案是正确的。 – Kpfromer
@Kpfromer亲爱的Kpfromer,我知道,但我不能在明天之前标记我的答案。最好的祝福 –