Разные строки для каждой единицы

Question

Разные строки для каждой единицы

0

У меня есть список вложенных массивов, и я хотел бы получить другую таблицу строк для каждого unit.

JSON:

[
   {
      "id":1,
      "units":[
         {
            "id":1,
            "name":"Test 1",
         },
         {
            "id":2,
            "name":"Test 2"
         }
      ]
   }
]

Таким образом, Test 1 и Test 2 должны быть в разных строках таблицы.

HTML:

<tr ng-repeat="user in users">
    <td><p ng-repeat="unit in user.units">{{unit.name}}</p></td>
</tr>

Приведенный выше код работает, но я получаю unit имена в одной строке.

Я пытался:

<tr ng-repeat="unit in users.units">
    <td>{{unit.name}}</td>
</tr>

Но это не работает. Любая помощь будет оценена!

user4756836 11 авг. 2015, в 03:00

Источник

0

Требуются ли дополнительные [] открывающие скобки?
Kevin P. 11 авг. 2015, в 00:37
0

Да, это @KevinP.
user4756836 11 авг. 2015, в 00:39
0

Там нет объекта с именем users.units , поэтому он не может найти ваши данные. Вот почему это не работает.
HankScorpio 11 авг. 2015, в 00:39
0

@HankScorpio HankScorpio, так есть ли решение этой проблемы?
user4756836 11 авг. 2015, в 00:43
0

Как правило для всех языков программирования: не ориентируйтесь на несуществующие данные. Также см. Ответ, размещенный ниже.
HankScorpio 11 авг. 2015, в 01:09

Показать ещё 3 комментария

Теги:

angularjs

arrays

json

angularjs-ng-repeat

1 ответ

Ещё вопросы

Требуются ли дополнительные [] открывающие скобки?
Там нет объекта с именем users.units , поэтому он не может найти ваши данные. Вот почему это не работает.
@HankScorpio HankScorpio, так есть ли решение этой проблемы?
Как правило для всех языков программирования: не ориентируйтесь на несуществующие данные. Также см. Ответ, размещенный ниже.

HankScorpio · Accepted Answer · 2015-08-10T23-14-00.000Z

Вот решение, которое не потребует каких-либо изменений в ваших данных, хотя это может быть не самое чистое решение. Другой вариант (который я не собираюсь писать) - это изменить ваши данные и свернуть данные до одного массива или объекта, содержащего все блоки.

Я собираюсь сделать предположение, что вы хотите, чтобы ваш DOM (включая <table>) идеально выглядел следующим образом:

<table>
  <tr>
    <td><p>Test 1</p></td>
  </tr>
  <tr>
    <td><p>Test 2</p></td>
  </tr>
</table>

Проблема здесь заключается в том, что нет ничего, что представляет собой "пользовательскую" часть этого первого ng-repeat (для этой структуры данных необходимы 2-n-повторы). Насколько мне известно, невозможно запустить ng-repeat, не создавая также элемент DOM (по крайней мере, временный), поэтому мы можем создать допустимый html (<caption> в этом случае) и иметь угловое исключение используя одноразовую привязку ng-if.

<div ng-controller="MyCtrl">
    <table>
        <!-- The ng-if here will remove the <caption> from the end result. It just a placeholder for the users repeater. -->
        <caption ng-repeat-start="user in users" ng-if="::false"></caption>
        <tr ng-repeat="unit in user.units">
            <td><p>{{unit.name}}</p></td>
        </tr>
        <caption ng-repeat-end ng-if="::false"></caption>
    </table>
</div>