【问题标题】:get value from ng-repeat parent in a table从表中的 ng-repeat 父级获取值
【发布时间】:2018-08-02 03:21:32
【问题描述】:

我在th 标记中有一个带有ng-repeat 的表格。在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 没有被填满,因为我不能在第一个ng-repeat 之外循环item.values

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

【问题讨论】:

  • 显示输入数据和所需 html 输出的示例

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


【解决方案1】:

我不了解您的需求,但我创建了一个示例 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'}
      ];
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-10-24
    • 2015-08-13
    • 2013-01-26
    • 1970-01-01
    • 2015-03-15
    • 2017-01-06
    • 1970-01-01
    • 2017-09-27
    相关资源
    最近更新 更多