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

Question

我希望有人可以引导我朝正确的方向发展。 我将聚合物组件嵌入了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
• 用@override meta覆盖onShadowRoot 。

我的示例课：

@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!!

}
}

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