Add custom class to md-dialog-container-CodePudding

I have a button that opens a md-dialog-container. Is it possible to add a custom class to the root of that md-dialog-container?

<button  ng-click="vm.launchContactActivityPopup()" ng-if="vm.isPersisted()" ng-disabled="!vm.isAllowedToRegisterContactActivity()">Contactd vastleggen</button>

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

CodePudding user response：

Fixed it like this.

<md-dialog >
    <register-contact-activity-popup></register-contact-activity-popup>
</md-dialog>`,>`,

CodePudding user response：

Use panelClass:

public launchContactActivityPopup(): void {
    this.$mdDialog.show({
        template: `<register-contact-activity-popup></register-contact-activity-popup>`,
        targetEvent: null,
        clickOutsideToClose: false,
        panelClass: 'myClass'
    });
}