在angularJS中排序数据
sort data in angularJS
我是AngularJS新手…我在输出数据上创建了一个过滤器。接下来,我需要根据下拉选择项对这些数组数据进行排序。我不明白。过滤器处理在第三个指令中完成。如有任何帮助,不胜感激。
$scope.options=[
{label: 'Name', value:1,submenu:null},
{label: 'Age', value:2,submenu:null},
{label: 'Country', value:3,submenu:[
{label:'India',value:1},
{label:'China',value:2},
{label:'Singapore',value:3},
{label:'London',value:4}
]}
];
<select ng-model="model1" ng-options="opt as opt.label for opt in options">
</select>
这里是活塞http://plnkr.co/edit/BFEJQo8Zp2eukdgP9BKM?p=preview
尝试在ng-repeat中使用自定义排序。
演示工作<div ng-repeat="detail in details | orderBy : sortingOrder : reverse" ng-show="showResults">
{{detail.Fname | uppercase}}
{{detail.Lname}}
{{detail.age}}
{{detail.sex}}
{{detail.place}}
</div>
脚本 $scope.search = function() {
$scope.reverse = '';
$scope.showResults = true;
if ($scope.model1.label === 'Age') {
$scope.sortingOrder = 'age';
} else if ($scope.model1.label === 'Name') {
$scope.sortingOrder = 'Fname';
} else if ($scope.model1.label === 'Country') {
$scope.sortingOrder = 'place';
}
else if ($scope.model1.label === 'Gender') {
console.log($scope.user.sex1);
if($scope.user.sex1 === 'male')
{
$scope.reverse = true;
}
else if($scope.user.sex1 === 'female')
{
$scope.reverse = false;
}
$scope.sortingOrder = 'sex';
}
};
相关文章:
- 对角度数据表中括号内的数字进行排序
- 对损坏的子行进行排序的数据表
- 数据表排序但对行进行分组
- 角度未排序数据
- 数据表通过分析一列的值对其进行排序
- 排序数据表
- 对d3堆叠条形图的数据进行排序
- 如何对JQuery Handlebar生成的数据进行排序
- 数组数据排序类似mysql查询
- 使用JQuery对子表数据排序
- 数据排序应该在客户端还是服务器上完成
- a不同列列表的未定义或空引用的数据排序错误
- 日历数据排序 json 树
- 如何在ng-repeat中使用嵌套对象将数据排序为angular js中的JSON数据
- 使用knockout.js与json数据排序列表
- 如何突出显示页面上数据排序类型的菜单项
- dojox.grid.EnhancedGrid中的数据排序
- 在循环值时对JSON数据排序
- 帮助将DIV中的属性数据排序捕获为数组?Jquery/Javascript
- 如何从属性创建数组'数据排序'使用显示的所有分区的Jquery