javascript - AngularJs 中的自定义排序

Question

我有像这样的 JSON 字段

    {"facebook":"aravind@facebook.com",
            "homeAddress":"26, New Street, Blr",
            "officeAddress":"31, Old Office Street, Blr",
            "city":"Blr",
name:"aravind"
    },
    {"facebook":"ashok@facebook.com",
            "homeAddress":"26, New Street, che",
            "officeAddress":"31, Old Office Street, che",
            "city":"che",
name:"ashok"
    }

在 Angular js 中，我默认按名称对字段进行排序，我有一个文本框和按钮

<input type="text" class="form-control" ng-model="search.location" />
          <div class="search" ng-click="locationSorting()"></div>

当我在文本框中输入位置(例如:blr)后单击按钮时。该列表按位置排序。

目前我已经完成了按位置的过滤。但我不想过滤。我想要对列表进行排序

 var locationFilterHome = {homeAddress: location};
        filterData = $filter('filter')(data, locationFilterOffice)

我正在使用上面的代码进行过滤。如何根据位置进行排序

Answer 1

据我了解，您想问如何按 Controller 中的位置对数据进行排序。一种方法是使用“orderBy”过滤器。您可以像使用“filter”过滤器一样使用它:filterData=$filter('orderBy')(data,'location');

请查看这个 plunk 以获取我想说的内容的示例:http://plnkr.co/edit/BU4DaxlBSNcmRkXG6krc?p=preview

angular.module('app',[])
  .controller('mainCtrl',function($filter){
var data=[{"facebook":"aravind@facebook.com",
                "homeAddress":"26, New Street, Blr",
                "officeAddress":"31, Old Office Street, Blr",
                "city":"Zlr",
    name:"aravind"
        },
        {"facebook":"ashok@facebook.com",
                "homeAddress":"26, New Street, che",
                "officeAddress":"31, Old Office Street, che",
                "city":"che",
    name:"ashok"
        }];

    var modifiedData=$filter('orderBy')(data,'city');
    console.log(modifiedData);
  })