如何從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 。