• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1{
2  "template": {
3    "attr": {},
4    "type": "div",
5    "classList": [
6      "container"
7    ],
8    "children": [
9      {
10        "attr": {
11          "value": "id_test1"
12        },
13        "type": "div",
14        "id": "testid"
15      },
16      {
17        "attr": {
18          "value": "style_test_1"
19        },
20        "type": "div",
21        "style": {
22          "color": "#008000"
23        }
24      },
25      {
26        "attr": {
27          "value": "style_test_2"
28        },
29        "type": "div",
30        "style": {
31          "borderTopColor": "{{col}}",
32          "borderRightColor": "{{col}}",
33          "borderBottomColor": "{{col}}",
34          "borderLeftColor": "{{col}}"
35        }
36      },
37      {
38        "attr": {
39          "value": "style_test_2"
40        },
41        "type": "div",
42        "style": {
43          "borderTopColor": "{{col}}",
44          "borderRightColor": "{{col}}",
45          "borderBottomColor": "{{col}}",
46          "borderLeftColor": "{{col}}",
47          "width": "50px"
48        }
49      },
50      {
51        "attr": {
52          "value": "class_test1"
53        },
54        "type": "div",
55        "classList": [
56          "title"
57        ]
58      },
59      {
60        "attr": {
61          "value": "class_test2"
62        },
63        "type": "div",
64        "classList": [
65          "title",
66          "table"
67        ]
68      },
69      {
70        "attr": {
71          "value": "class_test3"
72        },
73        "type": "div",
74        "classList": [
75          "title",
76          "table"
77        ]
78      },
79      {
80        "attr": {
81          "value": "class_test4"
82        },
83        "type": "div",
84        "classList": [
85          "{{testclass1}}"
86        ]
87      },
88      {
89        "attr": {
90          "value": "class_test5"
91        },
92        "type": "div",
93        "classList": [
94          "{{testclass1}}",
95          "{{testclass2}}"
96        ]
97      },
98      {
99        "attr": {
100          "value": "class_test6"
101        },
102        "type": "div",
103        "classList": [
104          "{{testclass1}}",
105          "{{testclass2}}"
106        ]
107      },
108      {
109        "attr": {
110          "disabled": "{{disabled}}",
111          "value": "disable_test1"
112        },
113        "type": "div"
114      }
115    ]
116  },
117  "styles": {},
118  "actions": {},
119  "data": {
120    "testclass1": "testclass1",
121    "testclass2": "testclass2",
122    "col": "#008000",
123    "disabled": true
124  },
125  "apiVersion": {
126    "5": {
127      "disabled": false
128    },
129    "6": {
130      "col": "#808080",
131      "content": "Hello World!"
132    }
133  }
134}