Question

我正在尝试实现angular-tablesort：https://github.com/mattiash/angular-tablesort 这不是模块的“问题”，所以我想在查询作者之前我应该在这里查看。

我的JSON看起来像这样：

$scope.dummyJSON = {
    'data': {
        'uid': [1, 2, 3],
        'siz': ['s','s','m'],
    }
}

这是3个项目，每个项目都有一个uid和一个大小值，即：

ID SIZE
 1  s
 2  s
 3  m

注意数据是如何横向的（嵌套在列中的行 - 无法帮助，而不是我的API）。

我在这里得到了如何表的答案： using Angular ng-repeat to display JSON rows/columns 从本质上讲，就是这样：

<table class="table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Size</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="id in dummyJSON.data.uid">
            <td>{{id}}</td>
            <td>{{dummyJSON.data.siz[$index]}}</td>
        </tr>
    </tbody>
</table>

到目前为止，我们都很好。

现在我想让它可以排序。根据angular-tablesort文档，它看起来像这样：

<table class="table table-valign-middle m-b-0" ts-wrapper>
    <thead>
        <tr>
            <th ts-criteria="uid" class="tablesort-sortable">ID</th>
            <th ts-criteria="siz" class="tablesort-sortable">Size</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="id in dummyJSON.data.uid" ts-repeat>
            <td class=""><span>{{id}}</span></td>
            <td class=""><span>{{dummyJSON.data.siz[$index]}}</span></td>
        </tr>
    </tbody>
</table>

不幸的是，它不起作用。标题的格式正确（它们是黄昏和箭头翻转和所有内容），但行不排序。我怀疑这是因为我的数据结构不稳定，但我不知道。我没有JS错误，BTW。

我可以使用一些帮助 - 按摩angular-tablesort来处理我的数据结构，或 - 找到一种更好的渲染数据的方法（比如没有[$ index]），这样angular-tablesort就没有问题了。

我可以对这些数据使用angular-tablesort吗？

0 个答案: