2017-02-18 10 views
0

を使用したとき、私は私が(で私が午前問題は、私はネイティブビューのカプセル化をオンにしたときに、私はもはや内部DOMにアクセスすることができませんfollowing plunkerNG2ネイティブビューのカプセル化

持っ影-DOM内ElementRefにアクセスするにはどうすればよいです設計)。私の質問は、角度2は、コンポーネントからシャドーDOMの内側のDOMにアクセスする方法を提供しています。

// Shows 1 
platformBrowserDynamic().bootstrapModule(AppModule) 
// Shows 0 
// platformBrowserDynamic().bootstrapModule(AppModule, {defaultEncapsulation: ViewEncapsulation.Native}) 

答えて

2

Angular2とは関係ありません。 shadowRootプロパティを使用して、Shadow DOM内の要素を検索できます。

const shadowRoot: DocumentFragment = this.element.nativeElement.shadowRoot; 
this.count = shadowRoot.children.length; 

または@ViewChildを使用してElementRef

+0

への参照を取得するためにViewChild/ViewChildrenContentChild/ContentChildrenを使うおかげhttps://plnkr.co/edit/4XIjpQCAHnRr30bt0pHN?p=previewを動作するようです。さあ、pugを使ってローカルIDを使うことができるかどうか確認しましょう:-) – Jackie