如何在HTML文档中使用for循环

Question

我想为展览会的组织者制作一个带有地图的网站。 因此，我明白了需要实现交错的for循环的点。

   <div class="table">
   <div class="tr">
   @var entry_a;@
   @var entry_b;@
   @var loop_i;@
   @var loop_y;@
             @for loop_i = 0; loop_i < context.length; loop_i++@
               @entry_a = context[loop_i];@
               @for loop_y = 0; loop_y < entry_a.length; loop_y++@
                  @entry_b = entry_a[loop_y];@
                  <div id="#entry_b['id']#">
                     @if (entry_b['belegt'] == 0)@
                           <div class="td">#entry_b['col1']#</div>
                     @else@
                           <div class="td_b">#entry_b['col1']#</div>
                     @endif@
                  </div>
                @endfor@
             @endfor@
    </div>
</div>

我的json数据如下：

  self.data_a =[
  {
        "0": {
           "id": "0",
           "col1": "A 1",
           "belegt": "0"
        },
        "1": {
           "id": "1",
           "col1": "B 1",
           "belegt": "1"
        },
        "2": {
           "id": "2",
           "col1": "C 1",
           "belegt": "0"
        },
        "3": {
           "id": "3",
           "col1": "D 1",
           "belegt": "1"
        }
    },
    {
        "0": {
           "id": "0",
           "col1": "A 2",
           "belegt": "0"
        },
        "1": {
           "id": "1",
           "col1": "B 2",
           "belegt": "1"
        },
        "2": {
           "id": "2",
           "col1": "C 2",
           "belegt": "0"
        },
        "3": {
           "id": "3",
           "col1": "D 2",
           "belegt": "1"
        }
    }
  ]

但是以某种方式，当我使用调试器时，它不会触发for循环。 我非常乐意为您提供帮助。

Answer 1

code:
for x in range(len(data_a)):
    for n in data_a[x]:
        print(n)
output:
{'id': '0', 'col1': 'A 1', 'belegt': '0'}
{'id': '1', 'col1': 'B 1', 'belegt': '1'}
{'id': '2', 'col1': 'C 1', 'belegt': '1'}
{'id': '3', 'col1': 'D 1', 'belegt': '1'}
{'id': '0', 'col1': 'A 2', 'belegt': '0'}
{'id': '1', 'col1': 'B 2', 'belegt': '0'}
{'id': '2', 'col1': 'C 2', 'belegt': '0'}
{'id': '3', 'col1': 'D 2', 'belegt': '0'}

我猜这是您所期望的。如果没有，请写出预期的输出

Answer 2

我将json格式更改为：

  self.data_a =[
    [
        {
           "id": "0",
           "col1": "A 1",
           "belegt": "0"
        },
        {
           "id": "1",
           "col1": "B 1",
           "belegt": "1"
        },
        {
           "id": "2",
           "col1": "C 1",
           "belegt": "1"
        },
        {
           "id": "3",
           "col1": "D 1",
           "belegt": "1"
        }
    ],
    [
        {
           "id": "0",
           "col1": "A 2",
           "belegt": "0"
        },
        {
           "id": "1",
           "col1": "B 2",
           "belegt": "0"
        },
        {
           "id": "2",
           "col1": "C 2",
           "belegt": "0"
        },
        {
           "id": "3",
           "col1": "D 2",
           "belegt": "0"
        }
    ]
  ]