dart - 如何从Angular.Dart组件内部引用聚合物组件

Question

我希望有人可以引导我朝正确的方向发展。我将聚合物组件嵌入了Angular组件中。我想从 Angular 组件类中的这种聚合物组件中调用一种方法。如果可能的话，这有可能吗？ querySelector尚未证明成功。
ang_comp.html:

<div id='ilovePolymer'>
    <bwu-grid id='polymerGrid'></bwu-grid>
</div>

ang_comp.dart:

@Component(selector: 'ang-comp', templateUrl:'ang_comp.html')
class AngularComp {
    ......//All the goodness
    querySelector('#ilovePolymer')  returns me null here.  
    querySelector('ang-comp').shadowRoot returns nothing  
    querySelector('bwu-grid') returns nothing.  

我正在使用Angular 1.0.0，Polymer 0.15.1 + 5

Answer 1

谢谢奥赞这是一个很好的建议，这是我的解决方法:

确保将useShadowDom: true添加到组件属性。

Angular组件类实现shadowRootAware

用onShadowRoot元替代@override。

我的示例课:

@Component(selector: 'ang-comp', templateUrl:'ang_comp.html', useShadowRoot: true) class AngularComp implements ShadowRootAware {
... //some other stuff...
@override
onShadowRoot(ShadowRoot sr){

print(sr.querySelector('#polymerGrid') is bwu-grid); //This returns True! Yey!!

}
}

顺便说一句，如果您想在 AttachAware期间捕获某些内容，也可以使用 attach。