No puedo encontrar la documentación correspondiente.

De los ejemplos obtuve 3 casos:

  • @HostBinding (" atributo .algo")

  • @HostBinding (" clase .algo")

  • @HostBinding (" estilo .algo")

Pero hay mas

4
Stepan Suvorov 15 dic. 2016 a las 23:23

2 respuestas

La mejor respuesta

Según lo escrito en este enlace por Thierry Templier, quien también está activo en este grupo si mal no recuerdo :) La imagen es de una publicación de ese sitio web.

HostBinding

5
AJT82 15 dic. 2016 a las 22:06

propertyName : hace referencia a una propiedad del host con el nombre propertyName.

@HostBinding('value') value:string;

attr.attributeName : hace referencia a un atributo del host con el nombre attributeName. El valor inicial se establece en la propiedad directiva asociada. Establecer un valor en la propiedad actualiza el atributo en el elemento HTML correspondiente. El uso del valor nulo en este nivel elimina el atributo del elemento HTML.

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

style.styleName : vincula una propiedad directiva a un estilo del elemento HTML.

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

class.className : vincula una propiedad directiva a un nombre de clase del elemento HTML. Si el valor es verdadero, la clase se agrega; de lo contrario, se elimina.

@HostBinding('class.someClass') condition:boolean;
4
Reza Sajadi 24 sep. 2017 a las 19:54