Question

这是我的对象，其中包含一些数组

$scope.listInfo = {
            id : [2,3],
            officerName : ["Bob",'Alex'],
            userInfoId : [3,5],
            status: ["asd","asd"]
       };

这是我的html

<table class="table table-striped">
            <thead>
              <tr>
                <th>Id</th>
                <th>Officer Name</th>
                <th>User General Info Id</th>
                <th>Status Value</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="option in listInfo.id">
                <td>{{option}}</td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
            </tbody>
          </table>

在这里我只能打印ID，但是我想打印整个对象，我该怎么办？

Answer 1

如果您坚持使用该对象结构，则可以执行以下操作：

<tr ng-repeat="option in listInfo.id">
    <td>{{option}}</td>
    <td>{{listInfo.officerName[$index]}}</td>
    <td>{{listInfo.userInfoId[$index]}}</td>
    <td>{{listInfo.status[$index]}}</td>
</tr>

在这里，$index是listInfo.id数组中的索引，这意味着要使其正常工作，其他数组的大小必须至少与listInfo.id相同

我的建议是重组数据以使其更易于访问。

Answer 2

您正在使用的数据是带有数组的对象的形式。...但是要获得解决方案，您的数据需要以对象数组的形式。

$scope.listInfo = [
   {
       id: '2',
       officerName: 'Bob',
       userInfoId: '3',
       status: 'asd'
    }, {
       id: '3',
       officerName: 'Alex',
       userInfoId: '5',
       status: 'asd'
    }
]

Answer 3

您好，如果您的数组结构无效，请先创建有效的数组，然后再在有效结构下方打印完整的支票。

$scope.listInfo = [
    {id:2,officerName:'Bob',userInfoId:3,status:'asd'},
    {id:3,officerName:'Alex',userInfoId:5,status:'asd'},

];

并显示如下：

<table class="table table-striped">
            <thead>
              <tr>
                <th>Id</th>
                <th>Officer Name</th>
                <th>User General Info Id</th>
                <th>Status Value</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="option in listInfo">
                <td>{{option.id}}</td>
                <td>{{option.officerName}}</td>
                <td>{{option.userInfoId}}</td>
                <td>{{option.status}}</td>
              </tr>
            </tbody>
          </table>

如何通过角度打印表格格式的数组对象？

3 个答案: