从表中的ng-repeat parent获取值

时间:2018-02-22 10:08:19

标签: javascript angularjs html-table angularjs-ng-repeat

我在ng-repeat标记中找到了一张th的表格。在tbody我需要循环第一个ng-repeat的值。这是表

<table>
            <thead>
                <tr>
                    <th data-ng-repeat="item in main.attributes['main:main'] | orderBy:'id':false track by $index" >
                        {{item.label}}
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td data-ng-repeat="data in item.values track by $index">
                        <span ng-if="(item.type | uppercase) == 'DATE' && data != '-'">{{data | date:'dd/MM/yyyy'}}</span>
                        <span ng-if="(item.type | uppercase) == 'DATETIME' && data != '-'"> {{data | date:'dd/MM/yyyy'}}</span>
                        <span ng-if="(item.type | uppercase) != 'DATETIME' && (item.type | uppercase) != 'DATE' && data != '-'"> {{data}}<span ng-if="!$last">,</span></span>
                    </td>
                </tr>
            </tbody>
        </table>

当然tbody未填写,因为我无法循环item.values超出第一个ng-repeat

我尝试使用ng-repeat-startng-repeat-end,但它没有显示整个表格

1 个答案:

答案 0 :(得分:0)

我不了解你的需要,但我创造了一个例子 JS Fiddle让你看看。这是JS部分:

var app = angular.module('app', []);

app.controller('TestController', function ($scope) {
    $scope.attributes = [{name:'Date'}];

      $scope.items = [
       {value:new Date('2018/02/22'),type:'date'},
       {value:new Date('2018/02/22 10:13:26'),type:'datetime'}
      ];
});