我想在angularjs中按升序排列日期数据 [英] I want to arange the data accourding to date in ascending order in angularjs
问题描述
I have to arrange status(P,A) according to date in ascending order but it showing me in same order as they are inserted. but i want to arrange accourding to date.
$ scope.students {
名称：样本，
def：[
{
setId：arun，
日期：[
{
day：2016-09-28，
状态：A
}，
{
day：2016-09-27，
状态：P
}，
{
day：2016-09-29，
状态：A
}，
{
day：2016-09-26，
状态：P
}
]
}，
{
name：deepak，
日期：[
{
day：2016-09-28，
status：P< br $>
}，
{
day：2016-09-27，
status： A
}，
{
day：2016-09-29，
状态：A
}，
{
day：2016-09 -26，
状态：P
}，
]
}
]};
$scope.students{
"name": "sample",
"def": [
{
"setId": "arun",
"Date": [
{
"day": "2016-09-28",
"status": "A"
},
{
"day": "2016-09-27",
"status": "P"
},
{
"day": "2016-09-29",
"status": "A"
},
{
"day": "2016-09-26",
"status": "P"
}
]
},
{
"name": "deepak",
"Date": [
{
"day": "2016-09-28",
"status": "P"
},
{
"day": "2016-09-27",
"status": "A"
},
{
"day": "2016-09-29",
"status": "A"
},
{
"day": "2016-09-26",
"status": "P"
},
]
}
]};
<table>
<tbody>
<tr>
<td>S.No.</td>
<td>NAME</td>
<td>26-9-2016</td>
<td>27-9-2016</td>
<td>28-9-2016</td>
<td>29-9-2016</td>
</tr>
<tr data-ng-repeat="student in students" st-select-row="row">
<td data-ng-bind="$index+1"></td>
<td data-ng-bind="student.name"></td>
<td data-ng-repeat="data in student.Date" data-ng-bind="data.status"></td>
</tr>
</tbody>
WANT IN THIS WAY :-
1. Name | 26-9-2016 | 27-9-2016 | 28-9-2016 | 29-9-2016|
2. Arun | P | P | A | A |
3. dDepak | P | A | P | A |
GETTING IN THIS WAY :-
1. Name | 26-9-2016 | 27-9-2016 | 28-9-2016 | 29-9-2016|
2. Arun | A | P | A | p |
3. Deepak | P | A | A | P |
我的尝试：
更改ng-repeat，使用filter& orederby。
What I have tried:
changes in ng-repeat, use filter & orederby.
推荐答案
scope.students {
name：sample，
def ：[
{
setId：arun，
日期：[
{
day：2016-09-28，
状态：A
}，
{
day：2016-09-27，
状态：P
}，
{
day：2016-09-29，
status：A
}，
{
day：2016-09-26，
status ：P
}
]
}，
{
名称：deepak，
日期：[
{
day：2016-09-28，
状态：P
}，
{
day：2016-09-27，
status：A
}，
{
day：2016-09-29，
status：A
}，
{
day：2016-09-26，
状态：P
}，
]
}
]};
scope.students{
"name": "sample",
"def": [
{
"setId": "arun",
"Date": [
{
"day": "2016-09-28",
"status": "A"
},
{
"day": "2016-09-27",
"status": "P"
},
{
"day": "2016-09-29",
"status": "A"
},
{
"day": "2016-09-26",
"status": "P"
}
]
},
{
"name": "deepak",
"Date": [
{
"day": "2016-09-28",
"status": "P"
},
{
"day": "2016-09-27",
"status": "A"
},
{
"day": "2016-09-29",
"status": "A"
},
{
"day": "2016-09-26",
"status": "P"
},
]
}
]};
<table>
<tbody>
<tr>
<td>S.No.</td>
<td>NAME</td>
<td>26-9-2016</td>
<td>27-9-2016</td>
<td>28-9-2016</td>
<td>29-9-2016</td>
</tr>
<tr data-ng-repeat="student in students" st-select-row="row">
<td data-ng-bind="
index + 1 > < / td >
< td data-ng-bind = student.name > < / td >
< td data-ng-repeat = student.Date中的数据 data-ng-bind = data.status > < / td >
< / tr >
< / tbody >
index+1"></td> <td data-ng-bind="student.name"></td> <td data-ng-repeat="data in student.Date" data-ng-bind="data.status"></td> </tr> </tbody>
WANT IN THIS WAY :-
1. Name | 26-9-2016 | 27-9-2016 | 28-9-2016 | 29-9-2016|
2. Arun | P | P | A | A |
3. dDepak | P | A | P | A |
GETTING IN THIS WAY :-
1. Name | 26-9-2016 | 27-9-2016 | 28-9-2016 | 29-9-2016|
2. Arun | A | P | A | p |
3. Deepak | P | A | A | P |
我的尝试：
更改ng-repeat，使用filter& orederby。
What I have tried:
changes in ng-repeat, use filter & orederby.
使用 Angular orderby [ ^ ]
use Angular orderby [^]
<tr ng-repeat="student in students | orderBy:student:Date">
这篇关于我想在angularjs中按升序排列日期数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
