dart - 在Chrome中检查ngComponent

Question

我用自己的css，html和dart文件创建了一个ngComponent。
渲染效果很好，代码可以正确运行。

但是，我通常使用Chrome的dev inspect工具并动态修改css来设置dom元素的样式。我不能再用Darium做到这一点，而且我似乎也无法进入组件的dom树。我总是停留在组件html标签上。

有任何想法吗？

Answer 1

在有角 Dart 中，Ngcomponents使用Shadow DOM实现

Components isolate their views from their surroundings by creating a shadow DOM. Using a shadow DOM allows components to be used anywhere without suffering from things like CSS name collisions.

您必须在dartium中启用Show shadow DOM功能才能查看自定义组件的模板。