Угловой материал 6 Наложение CDK: Фон не может быть создан, не может быть нажат - PullRequest
Новая
       10

Угловой материал 6 Наложение CDK: Фон не может быть создан, не может быть нажат

0 голосов
/ 24 ноября 2018

У меня очень простой cdk overlay. Но я хочу, чтобы его фон был виден (с серым цветом или что-то в этом роде), и когда фон нажимается, он должен закрыть оверлей.

Проблема:

  1. Когда я применяю [hasBackdrop]="true" как в строке A, я получаю Can't bind to 'hasBackdrop' since it isn't a known property of 'ng-template'.
  2. (backdropClick)="showAlert()" просто нене работает.

Вот демонстрация стекаблиц. 

<button (click)="showOverlay = !showOverlay"
      #overlayOrigin="cdkOverlayOrigin"
      cdkOverlayOrigin>
      click me!!
    </button>

    <ng-template
      cdkConnectedOverlay
      [hasBackdrop]="false" //<=== Line A
      (backdropClick)="showAlert()"
      [cdkConnectedOverlayOrigin]="overlayOrigin"
      [cdkConnectedOverlayOpen]="showOverlay">
      <p class="dialog-container">hello</p>
    </ng-template>
...