Динамический CSS из JSON для каждого элемента

У меня есть элемент в API, который должен отображаться динамически, и стиль элемента приведен ниже

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

Что было бы лучшим способом сопоставления клавиш, таких как Background to background-color и font-family-font-topmargin для margin-top.

Источник

1 ответ

Предполагая, что вы сохранили JSON в переменную области видимости, например, например, $scope.myElementStyle Вы можете применить стили к элементу dom следующим образом:

<div ng-style="{'background-color':myElementStyle.Background, 'font-family':myElementStyle.font}"></div>
Источник
Другие вопросы по тегам