Как использовать ng-repeat в массиве, который содержит объект среди других значений

Question

У меня есть массив, который содержит элементы и объект.Мне нужно отобразить элементы и ключ и значение объекта в HTML.

Я пытался использовать ng-repeat;появляются значения элементов массива, но не ключи и значения объектов.

$scope.systemarray = [{'system':'DHX','DB':{'DEV':'DH1','QAS':'QH1'}}]
<tr>
<th scope="col">System</th>
<th scope="col">DB</th>
<th scope="col">Application</th>
</tr>

Я хочу отобразить 'DHX' под заголовком 'Система'

DEV и QAS под заголовком 'DB '

и отобразить «DH1» и «QH1» под заголовком «Приложение».

Дополнительная информация: «DEV» - это имя базы данных, а «DH1» - это имя приложения, которое использует «DEV» в качестве своей БД, равно как и QAS и QH1.У меня есть несколько таких баз данных и приложений, и поэтому я решил создать объект таким образом - «DBname»: «Appname».

Существует несколько таких приложений, и поэтому каждый раз, когда я получаю эти данные из программы на Python, у меня будет другое «DBname» и соответствующее ему «Appname».Спасибо за ваше время

Answer 1

Вы можете попробовать это, чтобы отобразить имя вашей системы, базы данных и приложения:

<table>
  <thead>
    <tr>
      <th>System</th>
      <th>DB</th>
      <th>Application</th>
    </tr>
  </thead>
  <tbody ng-repeat="system in systemarray">
      <tr ng-repeat="(databaseName, applicationName) in system.DB">
         <td>{{system.system}}</td>
         <td>{{databaseName}}</td>
         <td>{{applicationName}}</td>
      </tr>
  </tbody>
</table>

plunker: http://plnkr.co/edit/YPIj5VEep57jK4YscGoG?p=preview

Надеюсь, это поможет!