我对@HostBinding装饰器有什么参数?

时间:2016-12-15 20:23:29

标签: angular angular2-hostbinding

无法找到相关文档。

从例子中我得到了3个案例:

  • @HostBinding("的 ATTR .something&#34)

  • @HostBinding("的 .something&#34)

  • @HostBinding("的 .something&#34)

但还有更多吗?

2 个答案:

答案 0 :(得分:2)

按照link中的说明 如果我没记错的话,Thierry Templier也活跃在这个小组中:)图片来自该网站的帖子。

HostBinding

答案 1 :(得分:1)

  

propertyName :使用propertyName name引用主机的属性。

@HostBinding('value') value:string;
  

attr.attributeName :使用attributeName名称引用主机的属性。初始值设置为关联的指令属性。在属性中设置值会更新相应HTML元素上的属性。在此级别使用null值将删除HTML元素上的属性。

@HostBinding('attr.role') role:string;
  

style.styleName :将指令属性链接到HTML元素的样式。

@HostBinding('style.width.px') width:number;
  

class.className :将指令属性链接到HTML元素的类名。如果值为true,则添加该类,否则将删除。

@HostBinding('class.someClass') condition:boolean;