在Chrome中检查组件

Question

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

但是，我通常使用Chrome的开发检查工具和动态修改css来设置dom元素的样式。我不能再使用Darium这样做了，我似乎无法进入组件的dom树。我总是坚持使用组件html标签。

有什么想法吗？

Answer 1

在角镖中使用Shadow DOM

实现Ngcomponents

  

组件通过创建一个，将他们的视图与周围环境隔离开来   影子DOM。使用shadow DOM可以在任何地方使用组件   没有像CSS名称冲突这样的事情。

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