Dynamic CSS из JSON для каждого элемента

я получил элемент в API, которые должны быть визуализации динамически и стиль элемента задается, как показано нижеDynamic CSS из JSON для каждого элемента

"elementStyle": { 
       "Width": "100", 
       "Height": "100", 
       "ThemeSize": "M", 
       "TopMargin": "0", 
       "LeftMargin": "0", 
       "Background" : "#EEEEE", 
       font : "roboto" 
      },

Что бы быть лучшим способом ключа отображения, как Фон для фонового цвета и шрифта для семейства шрифтов Topmargin для margin-top.

источник

2016-05-12 Naushad Ahmad

Предполагая, что вы сохранили json для переменной области видимости, например, $scope.myElementStyle вы могли бы применить стили к йотам элементу, как это:

<div ng-style="{'background-color':myElementStyle.Background, 'font-family':myElementStyle.font}"></div>

источник

2016-05-12 22:25:02

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

Прошу прощения, но я не могу полностью понять вашу проблему. Было бы лучше, если бы вы могли переименовать свойства в json в соответствии с их эквивалентами css! Слишком много стилей CSS, чтобы создать индивидуальное сопоставление для вашей цели, я думаю ... –

Dynamic CSS из JSON для каждого элемента

ответ

Смежные вопросы