Angular2 属性指令主机绑定(bind)到主机属性

Question

我有一个“bootstrapModal”属性指令，可以将引导属性添加到宿主元素:

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

是否可以HostBinding 到这样的属性？

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

在指令中有类似的东西:

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

所以结果应该是:

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

Answer 1

这应该有效:

@HostBinding('attr.data-placement')

Plunker

另见

• https://angular.io/guide/template-syntax#attribute-binding