有条件地包含指令

Question

我想根据布尔值在我的div中包含或不包含指令，但是我找不到执行该操作的方法。

该指令是ng2-dnd库的dnd-sortable-container：

<div ng-dnd-sortable-container="booleanValue ? true : null"> //html
booleanValue: boolean //ts

但是它什么也没做。

我该怎么办？

Answer 1

（据我所知）没有办法有条件地应用指令。但是您可以根据条件使用或不使用指令来渲染div：

<div *ngIf"booleanValue; else noDirective" ng-dnd-sortable-container>
</div>

 <ng-template #noDirective>
  <div></div>
 </ng-template>

Answer 2

您还可以使用在此伪指令中实现的称为dragEnabled的输入。我相信它不会有条件地附加指令，但会在某些情况下运行拖放机制：

 <div dnd-sortable-container [dragEnabled]="true">