在 angular 組件之間傳遞數據

Question

我有component1，它導入component2並使用它的功能。 這個 function 從組件 2 調用對話框 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) ;
}

你能寫一些例子或給我鏈接嗎？ 問題是我想在沒有 html 的情況下在.ts 文件之間執行此操作。

Answer 1

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

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

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