相关疑难解决方法(0)

AngularJS按属性排序

我想要做的是按属性排序一些数据.这是我应该努力的例子,但事实并非如此.

HTML部分:

<div ng-app='myApp'>
    <div ng-controller="controller">
    <ul>
        <li ng-repeat="(key, value) in testData | orderBy:'value.order'">
            {{value.order}}. {{key}} -> {{value.name}}
        </li>
    </ul>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS部分:

var myApp = angular.module('myApp', []);

myApp.controller('controller', ['$scope', function ($scope) {

    $scope.testData = {
        C: {name:"CData", order: 1},
        B: {name:"BData", order: 2},
        A: {name:"AData", order: 3},
    }

}]);
Run Code Online (Sandbox Code Playgroud)

结果如下:

  1. A - > AData
  2. B - > BData
  3. C - > CData

......恕我直言应该是这样的:

  1. C - > CData
  2. B - > BData
  3. A - > AData

我错过了什么(这里准备JSFiddle进行实验)?

javascript angularjs

92
推荐指数
4
解决办法
16万
查看次数

AngularJs在ngRepeat中排序对象

我正在使用AngularJs,并在模板中对哈希对象的属性进行排序时遇到了问题.
我的目标是:

function TestCtrl($scope){
    $scope.week = {'MONDAY': ['manuel'], 'TUESDAY': [], 'WEDNESDAY': ['valerio'], 'THURSDAY': ['manuel', 'valerio'], 'FRIDAY': []}
}
Run Code Online (Sandbox Code Playgroud)

现在,当我尝试在模板中打印这些值时:

<div ng-repeat="(day, names) in week">
    <span>{{day}}</span>
    <ul> <li ng-repeat="name in names">{{name}}</li> </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

印刷日期的顺序不同: FRIDAY MONDAY THURSDAY TUESDAY WEDNESDAY

我试图应用过滤器,orderBy但我认为它不适用于对象,但只是与数组...

我怎么订购?

angularjs angularjs-ng-repeat

14
推荐指数
2
解决办法
3万
查看次数