Проверить ngComponent в Chrome

Я создал ngComponent со своими собственными файлами css, html и dart. Рендеринг работает отлично, и код работает правильно.

Однако я обычно стилизую элементы dom с помощью инструмента Chrome dev inspect и динамически изменяю файл css. Я больше не могу делать это с Darium и, похоже, не могу попасть в дерево dom компонента. Я всегда застрял с тегом html компонента.

Есть идеи?


person mabounassif    schedule 19.03.2014    source источник


Ответы (1)


В angular dart Ngcomponents реализованы с использованием Shadow DOM.

Компоненты изолируют свои представления от своего окружения, создавая теневой DOM. Использование теневого DOM позволяет использовать компоненты где угодно, не страдая от таких вещей, как конфликты имен CSS.

Вы должны включить функцию отображения теневого DOM в Dartium, чтобы увидеть шаблон вашего пользовательского компонента.

введите здесь описание изображения

person invariant    schedule 19.03.2014
comment
Потрясающе спасибо! Для тех, кто не знает, вы получаете доступ к странице настроек, щелкнув значок шестеренки (вверху справа) консоли. - person mabounassif; 19.03.2014