Данные Json в CSS в Angular
У меня проблема, с которой я действительно не знаю, как решить ... Я работаю над приложением Angular, которому нужно раскрасить некоторые поля. Цвета хранятся в XML на сервере и настраиваются во внешнем приложении.
Я планирую прочитать этот XML, создать из него JSON и вернуть его в свое приложение через веб-сервис и использовать библиотеку json to css для создания классов css из этого json.
Мой вопрос таков: есть ли способ заставить мое приложение angular читать классы css из только что созданного json / css. Когда я инициализирую приложение, я вызываю веб-сервис, и когда приложение загружается, у меня должен быть CSS ... Моя проблема в том, что я не знаю, как сообщить Angular, что он должен использовать мои новые классы css.
Вы можете использовать ngStyle
Нет кода, потому что я не знаю, возможно ли это и как я могу этого добиться. Я не могу использовать ng Class, поскольку поля, которые я пытаюсь раскрасить, загружаются динамически, я не могу их контролировать, я знаю только, к какому классу они относятся. Я не обязательно заинтересован в ответе кода, поскольку больше в способе сделать это.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я не знаю, правильно ли я вас понимаю, но если вы хотите добавить некоторые классы в html-тег динамически, вы можете написать class = "{{VARIABLENAME}", а в переменной (строке) компонента должно быть сохранено имя класса. Если вы хотите добавить полную информацию о стиле, просто сделайте это с помощью style = "{{VARIABLENAME}}".
пример: <div class = "{{classnameVariable}}"></div>
Для этого также можно использовать ngStyle или ngClass.
Не совсем ... У меня есть поля, которые поступают от веб-службы. У меня нет контроля над ними, я не пишу их сам: поле a - имеет класс css fieldA поле b - имеет класс css fieldB ... и так далее ... Я просто хочу убедиться, что классы fieldA, fieldB css являются те, что из моего файла json. В вашем примере {{classnameVariable}} всегда одно и то же ... я хочу убедиться, что стиль classnameVariable css взят из json.
Вы можете привести конкретный пример данных и вашего html-представления?
пожалуйста, разместите свой код. Вы можете использовать ngClass из angular.