Dynamische CSS von JSON für jedes Element

ich ein Element in API bekommen haben, die dynamisch und den Stil des Elements machen werden müssen, wird wie unten angegebenDynamische CSS von JSON für jedes Element

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

Was ist die beste Art und Weise der Abbildungsschlüssel wäre wie Hintergrund zu Hintergrundfarbe und Schriftart zu Schriftfamilie Topmargin zu Rand oben.

Quelle

2016-05-12 Naushad Ahmad

Angenommen, Sie speicherten den JSON auf eine Bereichsvariable wie z. $scope.myElementStyle Sie konnten die Arten auf das DOM-Element wie folgt anwenden:

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

Quelle

2016-05-12 22:25:02

meine Frage bezieht Woher wissen Sie, dass Hintergrundfarbe Eigenschaft für Hintergrund angewendet werden müssen, weil ich jede Taste ist dynamisch haben. –

Es tut mir leid, aber ich kann Ihr Problem nicht vollständig verstehen. Es wäre am besten, wenn Sie die Eigenschaften im JSON entsprechend ihren CSS-Äquivalenten umbenennen könnten! Es gibt zu viele CSS-Stile, um ein individuelles Mapping für deinen Zweck zu erstellen, denke ich ... –

Dynamische CSS von JSON für jedes Element

Antwort

Verwandte Themen