dart - 如何从 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
• 覆盖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期间捕捉一些东西.