В настоящее время я провожу некоторые эксперименты с общим доступом к приложениям Angular в качестве веб-компонентов, и я столкнулся с проблемой, когда стили одного приложения влияют на другое.
Учитывая тот факт, что я использую эмулированное представлениеИнкапсуляция, Angular добавит специальные реквизиты _nghost-c#
и _ngcontent-c#
к моим элементам, а также обновит стили для их использования.Теперь, поскольку у меня может быть несколько угловых приложений на одной странице, эти селекторы могут влиять на другие приложения.
Я видел несколько примеров в Интернете, где эти реквизиты имеют пространство имен, например * 1007.*, но я не смог найти способ настроить его.
![Example of the issue](https://i.stack.imgur.com/CSPg1.png)