javascript - 来自 JSON 的每个元素的动态 CSS

Question

我在 API 中有一个元素需要动态呈现，元素的样式如下所示

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

什么是将背景映射到背景颜色和字体到字体系列 Topmargin 到边距顶部的最佳方式。

Answer 1

假设您将 json 保存到范围变量中，例如$scope.myElementStyle 您可以像这样将样式应用于 dom 元素:

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