从不同的组件关闭$ mdDialog

Question

我的CardKnowledgeDB.html

中有一个按钮

<button ng-click="vm.launchContactActivityPopup()">Contact</button>

它在我的CardKnowledgeDBComponent.ts

中调用此功能

public launchContactActivityPopup(): void {
    this.$mdDialog.show({
        template: `
            <md-dialog class="add-contact-moment-popup">
                <register-contact-activity-popup></register-contact-activity-popup>
            </md-dialog>`,
        targetEvent: null,
        clickOutsideToClose: false,
    });
}

public cancel(): void {
    this.$mdDialog.cancel();
}

我有一个ResponsiveNavigation组件，在模板中有一个a href按钮，可以返回主页。当我点击它并返回主页时，我想关闭当前的$mdDialog。

那么如何从$mdDialog引用CardKnowLedgeDBComponent.ts中的ResponsiveNavigationComponent.ts？

或者是否有全球方式可以关闭所有$mdDialog次观看次数？

//编辑// ANWSER

您只需添加

即可

public removeMdDialog() {
    this.$mdDialog.cancel();
}

（并注入mdDialog），您可以使用全局函数关闭$mdDialog。