栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

AngularJS表排序与ng

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

AngularJS表排序与ng

正如David所建议的,这可能与范围有关。由于ngRepeat创建了一个新的作用域,因此您

ngClick
需要为每个列标题设置
sortColumn
reverse

确保您在同一范围内修改值的一种方法是在该范围内创建一个函数,并在ngClick中调用该函数以传递索引:

$scope.toggleSort = function(index) {    if($scope.sortColumn === $scope.headers[index]){        $scope.reverse = !$scope.reverse;    }  $scope.sortColumn = $scope.headers[index];}

以此作为您的标记:

<th ng-repeat="header in headers">    <a ng-click="toggleSort($index)">{{ headers[$index] }}</a></th>

这是一个例子。


另一个选择是绑定到这样的非原始类型(子作用域将访问同一对象):

$scope.columnSort = { sortColumn: 'col1', reverse: false };

以此作为您的标记:

<th ng-repeat="header in headers">    <a ng-click="columnSort.sortColumn=headers[$index];columnSort.reverse=!columnSort.reverse">{{ headers[$index] }}</a></th>

这是一个例子。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/383399.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号