Question

我有一个看起来像这样的对象：

＆＃13;

[{'name':'Mike', 'age':21},
 {'name':'Joe', 'age':24}]

＆＃13;

我的angular / html代码如下所示：

＆＃13;

        <table class="Names">
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tbody>
                <tr ng-repeat-start="value in msg.object">
                    <td rowspan="2">{{value.name}}</td>                    
                </tr>
                <tr ng-repeat-end ng-repeat="value in msg.object">
                    <td>{{value.age}}</td>
                </tr>
            </tbody>
        </table>

＆＃13;

名称显示正常和垂直方式我希望他们在表格中（第一栏），

但是对于每个名字的值，我都会显示两个年龄段，而不仅仅是该人的年龄。

有人能指导我朝这个方向前进吗？我觉得我已经接近了，但今天刚刚接受角度，所以我不知道它和ng-repeat。

Answer 1

您只需要一个简单的行重复，每行有2个单元格

<tr ng-repeat="value in msg.object">
  <td>{{value.name}}</td>
  <td>{{value.age}}</td>
</tr>

Answer 2

您的表格格式错误。将标题放在里面并执行 ng-repeat 以生成 tr

<强>样本

＆＃13;

var app =angular.module('testApp', []);
app.controller('testCtrl', function($scope) {
  $scope.users = [{'name':'Mike', 'age':21},
 {'name':'Joe', 'age':24}];
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp" ng-controller="testCtrl">
   <table border="2">
      <tr>
         <td>name</td>
         <td>age</td>
      </tr>
      <tr ng-repeat="user in users">          
          <td >{{user.name}}</td>
          <td >{{user.age}}</td>
       </tr>
 </table>
</body>

＆＃13;

我在让AngularJS正确显示我的表时遇到问题

2 个答案: