Json 我可以对该数据使用角度表排序吗?
我正在尝试实现角度表端口: 这不是模块的“问题”,所以我想我应该在窃听作者之前检查一下这里 我的JSON如下所示:Json 我可以对该数据使用角度表排序吗?,json,angularjs,Json,Angularjs,我正在尝试实现角度表端口: 这不是模块的“问题”,所以我想我应该在窃听作者之前检查一下这里 我的JSON如下所示: $scope.dummyJSON = { 'data': { 'uid': [1, 2, 3], 'siz': ['s','s','m'], } } <table class="table table-valign-middle m-b-0" ts-wrapper> <thead> &
$scope.dummyJSON = {
'data': {
'uid': [1, 2, 3],
'siz': ['s','s','m'],
}
}
<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>
这是3个项目,每个项目都有一个uid和一个大小值,即:
ID SIZE
1 s
2 s
3 m
请注意数据是如何横向的(行嵌套在列中-这是没有帮助的,不是我的API)
我得到了一个关于如何处理这个问题的答案,在这里:
本质上是这样的:
<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>
身份证件
大小
{{id}
{{dummyJSON.data.siz[$index]}
到目前为止,我们都很好
现在我想把这个分类。根据angular tablesort文档,它将如下所示:
$scope.dummyJSON = {
'data': {
'uid': [1, 2, 3],
'siz': ['s','s','m'],
}
}
<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>
身份证件
大小
{{id}
{{dummyJSON.data.siz[$index]}
不幸的是,它不起作用。标题样式正确(它们亮起,箭头翻转,所有内容),但行不排序。我怀疑这是因为我的数据结构不稳定,但我不知道。顺便说一句,我没有JS错误
我需要一些帮助
-处理我的数据结构,或
-找到更好的呈现数据的方法(例如,不使用[$index]),这样angular tablesort就不会有问题。试试angualrjs orderBy Filtern我不太明白。你的意思是,每次单击,我都会对实际的JSON进行重新排序,一列一列地排序-如:“uid':[3,2,1],“siz':['m','s','s']-然后重新渲染表?是的,但不需要重新渲染,angular将自动渲染