基于绑定的Angular 2添加指令

Question

我有一个 DraggableDropZone 指令，用于处理拖放到它上面的项目。我想根据布尔标志在我的组件上设置此指令。基本上有时组件需要成为放置目标，有时则不需要。属性绑定似乎不起作用。

不起作用：

<div [attr.DraggableDropZone]="DropZone"></div>

如果我只是这样做，它会起作用，所以我知道我的指令是好的：

<div DraggableDropZone></div>

所以我需要在运行时有条件地添加“DraggableDropZone”。

Answer 1

您可以使用输入参数，然后在 DraggableDropZone 指令中控制行为：

<div [DraggableDropZone]="enabled"></div>

和

@Input('DraggableDropZone') enabled: boolean;