host
Usando la propiedad host, puedes obtener la instancia del componente host del elemento. Esto es muy útil para acceder a los datos y métodos de su componente host desde dentro del componente.
A continuación se muestra un ejemplo que demuestra cómo utilizar el atributo host para obtener la instancia del componente anfitrión:
Nombre de usuario: {{username}}
Respuesta: {{response}}
En este ejemplo, creamos un componente personalizado user-card y, dentro del componente, accedemos al método sayHi del componente host (página) mediante this.host, logrando la interacción entre el componente y su host.
Si el elemento no está dentro de un componente o módulo de página, el valor de host será null. Por ejemplo:
-
I am target
-
En este ejemplo, el elemento #target está dentro del body, no dentro de ningún componente o página, por lo que el valor de $("#target").host es null.