создать таблицу с помощью AngularJS ng-repeat

Question

создать таблицу с помощью AngularJS ng-repeat

0

Я пытался использовать ng-repeat для создания таблицы, но я не мог понять, как заставить ее работать. Моя лучшая попытка была ниже.

<table ng-repeat="j in [0,1,2,3,4,5,6,7]">
  <tr>
    <th>
      Header {{j+1}}
    </th>
  </tr>
  <tr ng-repeat="i in [0,1,2,3,4,5,6,7]">
    <td>
      {{i+1}} , {{j+1}}
    </td>
  </tr>

</table>

есть идеи?

Charbel 03 апр. 2016, в 20:12

Источник

0

Какую структуру таблицы вы пытаетесь создать?
Subash Selvaraj 03 апр. 2016, в 17:38
0

Вы хотите создать несколько таблиц? и за что выступает j & i объяснить весь контекст, чтобы получить помощь от людей ..
Pankaj Parkar 03 апр. 2016, в 17:41

Теги:

angularjs

1 ответ

Ещё вопросы

Какую структуру таблицы вы пытаетесь создать?
Вы хотите создать несколько таблиц? и за что выступает j & i объяснить весь контекст, чтобы получить помощь от людей ..

Sami Triki · Accepted Answer · 2016-04-03T15-34-00.000Z

Итак, для начала, атрибут ng-repeat находится в таблице, что означает, что вы повторяете этот элемент столько раз, сколько записей в вашем массиве. Зная, что "tr" обозначает строки и "td" для разных разделов в ваших строках.

Вы можете попробовать:

<table>
  <tr><!--this is your header row -->
    <th>
      Header {{j+1}}<!-- this is a header section, you can repeat here or use it as a title -->
    </th>
  </tr>
  <tr ng-repeat="j in [0,1,2,3,4,5,6,7]"><!-- repeat the rows -->
    <td ng-repeat="i in [0,1,2,3,4,5,6,7]"><!-- repeat the sections -->
      {{i+1}} , {{j+1}}<!-- here you can display i, j whatever else -->
    </td>
  </tr>

</table>

Хорошо, мне нужно что-то с отображением заголовков: поэтому я добавил <th ng-repeat = "j in [0,1,2,3,4,5,6,7]" style = "padding = 10px;"> Заголовок { {j + 1}} </ th>