В Angular 6
я создал многопроектное рабочее пространство.
Это рабочее пространство содержит:
- библиотеки (визуальный компонент)
- бизнес-проекты
Моя проблема: В проекте я вызываю / использую библиотеку (визуальный компонент), и мне нужно изменить внешний вид визуального компонента.
Вот простой пример:
Angular Project 1:
library.html
<div class="myclass">Visual component</div>
library.css
.myclass {
color: red;
}
library.ts
...
@component ({
selector: 'compolabel',
templateUrl: './library.html',
styleUrls: ['./library.css']
})
...
Angular Project 2:
application.html
<compolabel></compolabel>
application.css
.myclass {
color: blue;
}
/* this does not work
:: ng-deep .myclass {
color: blue;
} */
application.ts
...
Мой вопрос:
Мне бы хотелось, чтобы цвет текста был синий .
Как это сделать?Какой правильный метод?