Генерация CSS-класса (с уникальным именем) динамически с использованием AngularJS

Question

Генерация CSS-класса (с уникальным именем) динамически с использованием AngularJS

0

Возможно ли сгенерировать класс CSS с именем, а затем применить его к определенным объектам DOM с помощью Angular? Я знаю о ng-style и других директивах. Однако кажется, что они сосредоточены на переключении существующих классов или просто добавлении свойств CSS в DOM.

То, что я пытаюсь сделать, это вытащить некоторые значения из базы данных, передать их в уникальный класс CSS в качестве значений свойств, а затем применить класс к определенным объектам DOM.

Любая помощь по этому поводу ценится.

MadPhysicist 01 авг. 2016, в 03:46

Источник

0

Что вы подразумеваете под «передать их уникальному классу CSS» ?
developer033 01 авг. 2016, в 01:09
1

Какие свойства CSS вы сохраняете в базе данных?
mrtig 01 авг. 2016, в 01:10
0

@mrtig в основном шестнадцатеричные значения цвета. Однако, если я смогу это выяснить, я могу добавить некоторые другие настройки позже. Пока просто шестнадцатеричные строки.
MadPhysicist 01 авг. 2016, в 01:14
0

@developer033 developer033 Я имею в виду, что у меня есть календарь, который позволяет настраивать определенные записи, передавая ему имя пользовательского класса CSS в JSON. Я пытался динамически создавать несколько пользовательских классов CSS, каждый со своими собственными значениями свойств, а затем передавать соответствующие классы с записями в календарь. Это решило бы мою проблему настройки входа. В противном случае, я смотрю на изменение календаря, но на данный момент это выглядит глупо.
MadPhysicist 01 авг. 2016, в 01:17
0

Я предполагаю, что если я смогу понять, как динамически генерировать новый класс CSS из Angular, это подтолкнет меня к моей цели.
MadPhysicist 01 авг. 2016, в 01:24
0

Я хотел бы помочь ... но я не совсем понимаю, что вы пытаетесь сделать. Без JSFiddle, чтобы увидеть, я не могу помочь.
frosty 01 авг. 2016, в 01:48
1

@frosty Что не понятно? Как я могу дать вам JSFIddle, если я не знаю, как добиться того, что я пытаюсь сделать?
MadPhysicist 01 авг. 2016, в 02:04

Показать ещё 5 комментариев

Теги:

javascript

html

angularjs

css

1 ответ

Ещё вопросы

Что вы подразумеваете под «передать их уникальному классу CSS» ?
Какие свойства CSS вы сохраняете в базе данных?
@mrtig в основном шестнадцатеричные значения цвета. Однако, если я смогу это выяснить, я могу добавить некоторые другие настройки позже. Пока просто шестнадцатеричные строки.
@developer033 developer033 Я имею в виду, что у меня есть календарь, который позволяет настраивать определенные записи, передавая ему имя пользовательского класса CSS в JSON. Я пытался динамически создавать несколько пользовательских классов CSS, каждый со своими собственными значениями свойств, а затем передавать соответствующие классы с записями в календарь. Это решило бы мою проблему настройки входа. В противном случае, я смотрю на изменение календаря, но на данный момент это выглядит глупо.
Я предполагаю, что если я смогу понять, как динамически генерировать новый класс CSS из Angular, это подтолкнет меня к моей цели.
Я хотел бы помочь ... но я не совсем понимаю, что вы пытаетесь сделать. Без JSFiddle, чтобы увидеть, я не могу помочь.
@frosty Что не понятно? Как я могу дать вам JSFIddle, если я не знаю, как добиться того, что я пытаюсь сделать?

Brant · Answer 1 · 2016-08-01T00-38-00.000Z

Вы можете добавить некоторое значение в конец строки, которая действует как ваша база классов. В элементе пользовательского интерфейса сделайте что-нибудь вроде

<div class="my-base-class-name-{{myScopeVar}}"></div>

Затем вы можете определить все возможные комбинации в таблицах стилей. Дайте мне знать, если этот ответ нуждается в уточнении, основываясь на большем количестве информации о вашей проблеме.