Angular2属性指令Hostbinding到host属性

时间:2016-09-02 06:47:30

标签: angular

我有一个“bootstrapModal”属性指令,它将bootstrap属性添加到host元素:

data-placement="top" data-toggle="modal" data-target="#DefaultModalWindow"

HostBinding是否可以使用这样的属性?

<htmltag ... bootstrapModal placement="left">

在指令中有类似的东西:

 @HostBinding('attributes.data-placement') // <== this dont work
 @Input() placement:string='top';

所以结果应该是:

<htmltag ... data-placement="left" data-toggle="modal" data-target="#DefaultModalWindow">

1 个答案:

答案 0 :(得分:14)

这应该有效:

@HostBinding('attr.data-placement')

<强> Plunker

另见