向Angular Material mdPanel服务传递指令

import { MdPanel, MdPanelRef } from '@angular/material';

constructor(private mdPanel: MdPanel) { }

import { Directive } from '@angular/core';

@Directive({
  selector: '[appCustomDirective]'
})
export class CustomDirective {
  constructor() { }
}

const panelRef: MdPanelRef = this.mdPanel.open({
  template: '<div appCustomDirective>Custom Directive Content</div>',
  hasBackdrop: true,
  direction: 'ltr',
  position: {
    top: '50px',
    left: '50px'
  },
  panelClass: 'custom-panel-class',
  clickOutsideToClose: true,
  escapeToClose: true,
  focusOnOpen: true,
  propagateContainerEvents: true,
  trapFocus: true,
  zIndex: 100,
  onOpen: () => console.log('Panel opened'),
  onClose: () => console.log('Panel closed')
});