使用Angular的動態html表格

我想用Angular創建一個動態的html表格。使用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

目前，僅生成表頭。沒有行。我的模板有什麼問題？

來源

2015-09-03 GilCol

大概沒有哪個叫數組中的範圍 – MoLow

你從你的代碼注入的背後你行到$ scope.array變量？ – SimplyInk

有沒有錯誤？我們可以看到'indexCtrl'嗎？ –

table必須像td，tr，th，tbody，等，如果你想將其他元素table有自己的元素，你可以有它td/th只有

你應在0元素上放置ng-controller。

table不允許在它的其他元素，如您放置在divtbody

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}}

來源

2015-09-03 07:56:45

只是一個側面說明。 'table'還允許多次出現''元素。對於分組等。 – cleftheris

使用Angular的動態html表格

回答

相關問題