使用dialofRef在Angular 4中的组件之间传递配置

  • Z时代
  • 2024-01-10
  • 分类：问答

我在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; 
    }

以上是 使用dialofRef在Angular 4中的组件之间传递配置 的全部内容， 来源链接： utcz.com/qa/261415.html

回到顶部