Создание динамической сетки в angularjs

Question

Я новичок в angularjs, я хочу создать сетку 12 * 12

Я был в состоянии получить его, используя следующие варианты - 1. Использовать вложенные цикл и добавлять элементы к родителю div соответственно. 2. Создайте статическую сетку

, но выше опции не включают в себя угловые рамки вообще. :(

Каков наилучший способ сделать это в угловом формате? Где я должен писать цикл (в контроллере?) И как он будет отображаться? Я пробовал ng-repeat, но не смог найти способ его выполнения (на какие данные я должен повторять?)

Я понимаю, что это может быть глупый вопрос :(

Answer 1

Вы действительно можете использовать нг-повтор, это то, что я сделал это будет выглядеть так:...

HTML

<table> 
    <tbody> 
    <tr ng-repeat="row in tableData track by $index" ng-model="row"> 
     <td ng-repeat="cell in row track by $index" "ng-model="row[$index]"> 
     <!-- awesome content --> 
     </td> 
    </tr> 
    </tbody> 
</table> 

И если вы хотите, чтобы сделать 12 * 12, вам нужно будет определить в вашем контроллер массив массивов 12 * 12:

JS

$scope.tableData = [ 
    ["A1","B1","C1",..."M1"], 
    //... 
    ["A12","B12","C12",..."M12"] 
] 

или вы может взглянуть на нг-сетки, это отличная работа от команды радиально-UI: http://angular-ui.github.io/ng-grid/

EDIT:

Если вам не нужно повторять через массив, но только определенное количество раз, вы должны взглянуть на this question;)