使用angularjs在表中显示嵌套数组值

Question

我在我的应用程序中使用Spring MVC和AngularJS，在一个特定的表中，我必须在数组中显示相同的<td>多个值，但我不知道如何。无论如何，这将更好地解释它：

    <table class="table table-striped table-bordered table-hover">
       <thead>
          <tr>
              <th>Acciones</th>
              <th>Referencia</th>
              <th>Tipo de Publicaci&oacute;n</th>
              <th>Categor&iacute;a</th>
              <th>Fecha de adici&oacute;n</th>
              <th>Fecha de modificaci&oacute;n</th>
          </tr>
       </thead>
       <tbody>
          <tr data-ng-repeat="referencia in allReferencias track by $index">
              <td>
                  <button class="btn btn-primary" data-ng-click="abrirEditarModal($index)" data-toggle="modal" data-target="#informe">
                      <i class="glyphicon glyphicon-pencil"></i></button>
                  <button class="btn btn-danger" data-toggle="modal" data-target="#formModalEliminar" data-ng-click="abrirEliminarModal($index)">
                       <i class="glyphicon glyphicon-trash"></i></button>
              </td>
              <td>{{referencia.autoresList}},({{referencia.fecha}}). {{referencia.title}}, {{referencia.location}}, {{referencia.arcPublication}}, 
{{referencia.volumen}}({{referencia.numVol}}),{{referencia.pages}}</td>
              <td>{{referencia.idFuente.nombreFuente}}</td>
              <td>{{referencia.idGrupo.grupo}}</td>
              <td>{{referencia.fechaAd| date: 'dd-MM-yyyy'}}</td>
              <td>{{referencia.fechaMod| date: 'dd-MM-yyyy'}}</td>
             </tr>
          </tbody>
      </table>

我从服务器获得的是

并且在每个记录中都有其他数组：

我需要在autoresList中显示的是nombres和apellidos属性。所以我的问题是如何在同一<td>中显示这两个属性？

Answer 1

只需用此

替换您的<td>代码即可

<td>
  <span data-ng-repeat="autoRes in referencia.autoresList">
    {{autoRes.nombre}},{{autoRes.apellidos}} 
  </span>, 
    ({{referencia.fecha}}). {{referencia.title}}, 
    {{referencia.location}}, 
    {{referencia.arcPublication}}, 
    {{referencia.volumen}}({{referencia.numVol}}),{{referencia.pages}} 
</td>