Angular 2基于绑定添加指令

Question

我有一个DraggableDropZone指令，用于处理被删除的项目。我想基于布尔标志在我的组件上设置此指令。基本上有时组件需要是一个放置目标，有时则不是。属性绑定似乎不起作用。

不能工作：

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

如果我这样做就行了，所以我知道我的指示很好：

<div DraggableDropZone></div>

所以我需要＆＃39; DraggableDropZone＆＃39;在运行时有条件地添加。

Answer 1

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

[{"Player": "Vishnu", "Age": 25},{"Player": "Joginder", "Age": 22},{"Player": "Amar", "Age": 27},{"Player": "Rohan", "Age": 24},{"Player": "Karan", "Age": 23}]

和

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