У меня есть пакет / библиотека (cs-clock), написанные на Angular для генерации виджета пользовательского интерфейса. Это было опубликовано в локальном хранилище. Эта библиотека имеет несколько стилей по умолчанию в базе кода библиотеки. Теперь у меня есть другое приложение, в котором эта библиотека используется в качестве пакета NPM через пакет. json. Когда родитель пытается отобразить виджет - Стили по умолчанию воспроизводятся из библиотеки.
Теперь я хочу указать стили от родителя для этой библиотеки, что означает, что всякий раз, когда файл новой темы CSS включается в родительская, дочерняя библиотека должна иметь возможность отображать эти стили.
Я пробовал использовать следующие параметры:
- Использование свойства инкапсуляции Angular - установив для него значение Нет и Предоставление классов
- Использование :: ng-deep,: host / deep /,: host >>>
- Помещение файла CSS в индекс. html родительского элемента с! важный к классам, указанным в нем.
К сожалению, эти подходы не кажутся идеальными. Есть ли другой способ, с помощью которого мой вариант использования может быть достигнут лучше.
Любая помощь очень ценится.