Angular 组件如何查询自己的 shadow DOM？

【问题标题】：How can an Angular component query its own shadow DOM?Angular 组件如何查询自己的 shadow DOM？
【发布时间】：2014-06-21 00:29:16
【问题描述】：

The following question 询问“如何在 Angular 组件 test 中查询 shadowDOM”，但我不想在单元测试上下文中实现这一点，而是在实际组件中实现。

具体来说，我有一个组件，其模板包含我想要引用的画布。

【问题讨论】：

【解决方案1】：

您可以扩展ShadowRootAware 并覆盖onShadowRoot() 以获得对ShadowRoot 的引用，该引用又可用于查询。（使用.querySelector）

【讨论】：