javascript - 每个元素的 JSON 中的动态 CSS

Question

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

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

将诸如背景之类的键映射到背景颜色和字体到字体系列 Topmargin 到 margin-top 的最佳方法是什么。

Answer 1

假设您将 json 保存到一个范围变量，例如$scope.myElementStyle，您可以将样式应用于 dom 元素，如下所示：

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