CODEWITHSUNDEEP
dartangular-dart
mabounassif
mabounassif

Reputation: 2341

Inspect ngComponent in Chrome

I've created an ngComponent with its own css, html and dart files. The rendering works great, and the code runs correctly.

However, I usual style the dom elements by using Chrome's dev inspect tool and by dynamically modifying the css. I can't do this anymore with Darium and I don't seem to be able to get in the dom tree of the component. I'm always stuck with the component html tag.

Any ideas?

Upvotes: 1

Views: 68

Answers (1)

invariant
invariant

Reputation: 8900

In angular dart Ngcomponents are implemented using 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.

You have to enable show shadow DOM feature in dartium to see template of your custom component.

enter image description here

Upvotes: 2

Related Questions