使用NG2 Native View Encapsulation時，如何訪問shadow-dom內的ElementRef

Question

我有以下的plunker

我遇到的問題是當我打開本機視圖封裝時，我無法再訪問內部DOM（按設計）。 我的問題是，Angular 2是否提供了一種從組件訪問陰影dom中的DOM的方法。

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

Answer 1

與Angular2無關。 您可以使用shadowRoot屬性搜索Shadow DOM內的元素。

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

或者使用ViewChild/ViewChildren ContentChild/ContentChildren來獲取對ElementRef引用