使用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引用