有条件地包含指令

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>