【问题标题】:How to sort the dynamic data generating from AngularJS filters?如何对 AngularJS 过滤器生成的动态数据进行排序?
【发布时间】:2017-05-07 01:01:52
【问题描述】:

我正在尝试按字母顺序对商店名称进行排序,现在数据随机显示。我正在添加小提琴:https://jsfiddle.net/jtdk157s/

enter code here

【问题讨论】:

    标签: angularjs sorting filter


    【解决方案1】:

    使用过滤器OrderBy 并指定对象的属性:

    ng-repeat="item in groupedData | filter:categoryFilter | orderBy:['node.location','node.title']
    

    检查工作样本: https://jsfiddle.net/bLvLy1sh/1/

    使用 groupBy 过滤器

    <div ng-repeat="(key, items) in groupedData | groupBy: 'node.location' )">
        <h2>{{key}}</h2>
        <ul>
            <li ng-repeat="location in items">
                {{ location}}
            </li>
        </ul>
    </div>
    

    【讨论】:

    • 不,如果您检查以前的结果输出已更改并且未以正确的方式显示,则它不起作用。
    • 正确的方法应该是什么?我可以看到列表是按标题字母顺序排序的
    • 但它不是根据我的意思说的位置进行排序的,例如 &pizza 是一个终端 C 商店,但它是单独显示的。因此,我需要这些商店根据现有功能进行过滤,但它们需要按字母顺序排列。
    • 你做对了,但如果你在列表中看到 National Hall 最后一家商店,它显示 Boar's Head Delicatessen 这是一个终端 A 商店和终端 A 列表,仍然会出现某种错误The Bracket Room CAVA Mezze Grill Green Beans Coffee Grille 区。这些是 B 航站楼的商店。有些方法不正确。你能检查一下吗
    • 也许 ng-if 有问题检查这个更新版本:jsfiddle.net/bLvLy1sh/2
    猜你喜欢
    • 1970-01-01
    • 2021-08-20
    • 1970-01-01
    • 2015-06-26
    • 1970-01-01
    • 2023-03-28
    • 1970-01-01
    • 2013-05-30
    • 2012-01-23
    相关资源
    最近更新 更多