在 angular 个组件之间传递数据

Question

我有 component1，它导入 component2 并使用它的功能。此函数从 component2.

调用对话框 window

export class component1 implements OnInit {
  @Output() testVar= new EventEmitter();

    openDialog(){
    this.testVar.emit(200); 
    const dialogRef = this.dialog.open(Component2, {

现在我想以某种方式将变量发送到该组件。因此，当第二个组件 OnInit 时，它可以获得我的变量，例如

export class Component2 implements OnInit {
 @Input() testVar;

somefunc() {
onUpload(testVar) {
  console.log(testVar) ;
}

你能写一些例子或者给我link吗？问题是我想在没有 html.

的 .ts 文件之间执行此操作

Answer 1

您可以在 dialog.open(Component2, { data: {testVar:'Hello'}})

中传递一个 https://material.angular.io/components/dialog/api#MatDialogConfig

 export class Component2 implements OnInit {
      constructor(  @Inject(MAT_DIALOG_DATA) public data: {testVar:string})

     somefunc() { 
         console.log(this.data.testVar) ;
      }

在 angular 个组件之间传递数据

Passing data between angular components

emit

angular