Angular2 属性指令 Hostbinding 到主机属性答案

【问题标题】：Angular2 attribute directive Hostbinding to host attributeAngular2 属性指令 Hostbinding 到主机属性
【发布时间】：2016-09-02 06:47:29
【问题描述】：

我有一个“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">

【问题讨论】：

标签： angular

【解决方案1】：

这应该可行：

@HostBinding('attr.data-placement')

另见

【讨论】：

它有效。我在哪里可以找到有关这些属性的文档？属性？和其他
angular.io 数量不多。 class、attr、style、style.xxx.px、style.xxx.%（可能还有所有其他有效单位）。我错过了一些吗？