host
Usando la propiedad host, se puede obtener la instancia del componente anfitrión del elemento. Esto es muy útil para acceder a los datos y métodos de su componente anfitrión dentro del componente.
Aquí hay un ejemplo que demuestra cómo usar la propiedad host para obtener una instancia del componente host:
Username: {{username}}
Response: {{response}}
En este ejemplo, creamos un componente personalizado user-card y, dentro del componente, accedemos al método sayHi del componente anfitrión (página) a través de this.host, logrando la interacción entre el componente y el anfitrión.
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 de body, no dentro de ningún componente o página, por lo que el valor de $("#target").host es null.