无法对表中的日期列进行排序

时间:2014-09-08 23:03:41

标签: javascript angularjs

我在表格中有两列。我可以对位置列asc / desc进行排序就好了。但是,我不能对日期列做同样的事情。我似乎可以对它进行一次排序,但每当我尝试再次排序时,它什么都不做。

请看小提琴 http://jsfiddle.net/poppypoop/2463hsvd/

如果您点击“日期”'标题,它排序。但是,再次单击它不会做任何事情。 “位置”列不是这种情况。我做错了什么?

控制器

function myCtrl($scope){
$scope.descending = false;
$scope.columnToOrderBy = 'date';
$scope.data = [
    {
        date: "2014-06-19T05:00:00",
        Location: "California"
    },
    {
       date: "2014-07-13T08:00:00",
       Location: "Texas"
    },
    {
        date: "2013-07-13T08:00:00",
        Location: "Florida"
    }
];  
}

HTML

<table cellspacing="0" cellpadding="5" border="2">
        <tr>
            <th ng-click=" columnToOrderBy ='Date'; descending = !descending">
                Date
            </th>
            <th ng-click=" columnToOrderBy ='Location'; descending = !descending">
                Location
            </th>
        </tr>
        <tr ng-repeat="item in data | orderBy:columnToOrderBy:descending">
            <td>{{item.date | date:"MM/dd/yyyy h:mma"}}</td>
            <td>{{item.Location}}</td>
        </tr>
    </table>

1 个答案:

答案 0 :(得分:0)

该属性为date,而非Date

<th ng-click=" columnToOrderBy ='Date'; descending = !descending">

FIDDLE