如何在 Angular 中有条件地添加 cdkDrag

Answer 1

我不确定是否可以有条件地绑定指令，但是，我设法实现了我想要的目标，如下所示：

<ng-container *ngIf="draggable">
  <div cdkDrag cdkDragHandle cdkDragRootElement=".cdk-overlay-pane"
       [cdkDragFreeDragPosition]="dragPosition" (cdkDragEnded)="onDragEnded($event)">
    <ng-container *ngTemplateOutlet="header"></ng-container>
  </div>
</ng-container>

<ng-container *ngIf="!draggable">
  <div>
    <ng-container *ngTemplateOutlet="header"></ng-container>
  </div>
</ng-container>