Question

我正在尝试使用Angular创建动态html表。

范围有一个二维数组（称为数组），其中包含用于生成表的数据。

玉：

table(class="table table-striped")
    thead
      tr
        th
          | Header
    tbody
      div(ng-controller="indexCtrl")
        tr(ng-repeat="row in array")
          td(class="row")
            div(ng-repeat="cell in row", class="col-md-6")
              .checkbox
                label
                  input(type="checkbox",name="{{cell.permission}}")
                    | {{cell.name}}

我想要的结果是：

x box1 x box2

x box3 x box4

目前，只生成表头。没有行。我的模板出了什么问题？

Answer 1

table必须有自己的元素，例如td，tr，th，tbody，等如果你想在table中放置其他元素，你可以只在td / th中使用

您应将ng-controller放在tbody元素上。

table不允许其中的其他元素与您div中放置tbody

一样

table(class="table table-striped")
    thead
      tr
        th
          | Header
    tbody(ng-controller="indexCtrl")
        tr(ng-repeat="row in array")
          td(class="row")
            div(ng-repeat="cell in row", class="col-md-6")
              .checkbox
                label
                  input(type="checkbox",name="{{cell.permission}}")
                    | {{cell.name}}

使用Angular的动态html表

1 个答案: