質問のように - 私は子コンポーネントを持っていますが、親要素の幅は何ですか?どうやってやるの?コンポーネントから親HTML要素にアクセスするには?
4
A
答えて
9
は素子自体を注入:
constructor(private elRef: ElementRef){}
アクセスネイティブ要素の親:
ngOnInit() {
console.log(this.elRef.nativeElement.parentElement);
}
+0
これは動作しますが、ネイティブ要素に直接アクセスするのは良い方法ではありません。 –
+0
@BenRichards。次のような2つのコンポーネントがあるとします: '
3
Angular2ガイドは、このようなシナリオをカバーするためにコンポーネントの通信に全体の章を有します。 https://angular.io/docs/ts/latest/cookbook/component-communication.html
関連する問題
- 1. JavaからHTML要素にアクセスする
- 2. 親ウィンドウからiframe内の要素にアクセスする方法は?
- 3. HTMLの子要素を親から外して親要素を削除する
- 4. Sencha Touch 2の子コンポーネントから親コンポーネントのデータにアクセスする
- 5. 親コンポーネント内から子コンポーネントの参照にアクセスする
- 6. iframeから親ページの要素にアクセスする - IE7問題
- 7. Vuejsコンポーネント内の要素にアクセスする
- 8. アクセス親要素(ボディ)
- 9. `.childNodes`を使ってjavascriptからHTML DOM要素にアクセスする
- 10. JavaScriptからHTMLフォーム要素にアクセスする
- 11. IFRAMEから(jqueryの)を親ウィンドウの要素にアクセス
- 12. Android Studioのアクティビティの親からのフラグメント要素にアクセス
- 13. 子から親HTML要素を取得する方法
- 14. 親コンポーネント(JFrame)から子オブジェクトにアクセスする方法
- 15. 反応のコンポジットコンポーネントからhtmlコンポーネントにアクセスする方法は?
- 16. JavaScriptアクセスの親要素
- 17. Androidカスタムリストから要素にアクセスする
- 18. ExNavigation - 親コンポーネントまたはrenderRightからナビゲータにアクセス
- 19. Vue.jsアクセス親コンポーネント
- 20. 入力経由で子コンポーネントから親コンポーネントの値にアクセスする方法
- 21. 親コンポーネントのURLパラメータにアクセスする
- 22. 親コンポーネントのメソッドにアクセスするon React
- 23. ArraySliceの親配列の要素にアクセスする方法は?
- 24. iframeの親要素にアクセスする方法は?
- 25. Ember - クリック時にemberテンプレートからコンポーネントにパラメータとしてhtml要素を渡す
- 26. Agular 1.5では、子コンポーネントから親コンポーネントのhtmlをコンパイルする方法は?
- 27. インポートされた要素から親関数にアクセスする方法
- 28. スコープの分離属性を持つ要素の内部HTMLから親スコープにアクセスできますか?
- 29. インスタンス親クラスから要素
- 30. フラッシュのhtml要素にアクセスするには?
親コンポーネントのタイプがビルド時に分かっている場合を除いて、Angularな方法はありません。子のコンストラクタに注入することができます。 –