觸發另一個按鈕單擊從MD角按鈕角材

Question

我有一個頁面（說一個父頁面），其中包含MdDialog組件。在對話窗口內，我設置了一個md-button。 這個md-button可以在點擊時觸發父頁按鈕的功能嗎？

Answer 1

是的，您可以使用主題觸發事件。使用共享服務發射和訂閱主題。

定義shared.service這樣的：

import {Injectable } from '@angular/core'; 
import { Subject } from 'rxjs'; 

@Injectable() 
export class SharedService{ 
    public triggerParentMethod: Subject<boolean> = new Subject<boolean>(); 
} 

在你ParentComponent，訂閱triggerParentMethod在構造函數：

constructor(private sharedService:SharedService,public dialog: MdDialog){ 
     this.sharedService.triggerParentMethod.subscribe(value =>{ 
     if(value == true){ 
      // Call some method here or some piece of code 
      console.log('called from dialog'); 
     } 
     }); 
    } 

的Emit triggerParentMethod從你的對話框：

this.sharedService.triggerParentMethod.next(true); 

完全working demo 。