Блог

Я работаю над приложением angular, в основном это приложение angular electron. В моем приложении есть компоненты, с помощью которых я получаю доступ к своим css-файлам следующим образом.

 @Component({
  selector: 'my-app',
  templateUrl: './my-app.html',
  styleUrls: ['./../../../styles/app.css'],
  encapsulation: ViewEncapsulation.None
})
 

Я пытаюсь отделить файлы css от своего проекта angular и хочу получить доступ к этим файлам css из внешнего местоположения. Я получаю одно местоположение в ProgramData в ngOnInit(), а затем добавляю /resources/assets/cssFiles/app.css. Как я могу использовать эту переменную в своем компоненте для динамического применения стилей в компоненте?

В angular.json поместите это местоположение в свой массив ресурсов.

Вы можете ссылаться на внешние ресурсы, css, javascript и т.д., добавив их в свои проекты. angular.json Найдите соответствующий массив и добавьте туда путь к файлу — в этом случае я бы рекомендовал добавить в массив «стили».

Стили будут встроены в ваше приложение, когда вы ng serve или build .

 "architect": {
  "build": {
    "options": {
      ... bunch of stuff ...
      "styles": [
        "../path/to/css/file.css
      ]
    }
  }
}