host
host 属性を使用すると、要素のホストコンポーネントインスタンスを取得できます。これは、コンポーネント内部からそのホストコンポーネントのデータやメソッドにアクセスするのに非常に便利です。
以下は、host 属性を使用してホストコンポーネントのインスタンスを取得する方法を示す例です:
Username: {{username}}
Response: {{response}}
この例では、カスタムコンポーネント user-card を作成し、コンポーネント内部で this.host を通じてホストコンポーネント(ページ)のメソッド sayHi にアクセスすることで、コンポーネントとホスト間の相互作用を実現しています。
要素がコンポーネントまたはページモジュール内にない場合、host の値は null になります。例:
-
私はターゲットです
-
この例では、#target 要素は body の下にあり、どのコンポーネントやページ内にもないため、$("#target").host の値は null になります。