在带有参数的函数中使用Angular的orderBy过滤器
是一种在Angular应用中对数据进行排序的方法。orderBy过滤器可以根据指定的属性对数组或对象进行排序。
在使用orderBy过滤器时，可以通过传递一个函数作为参数来自定义排序规则。这个函数接受两个参数，表示数组或对象中的两个元素，然后返回一个数字来表示它们的排序顺序。
下面是一个示例代码，展示了如何在带有参数的函数中使用orderBy过滤器：
<div ng-repeat="item in items | orderBy:customOrderBy">
{{ item.name }}
</div>$scope.customOrderBy = function(item) {
// 根据item的某个属性进行排序
return item.property;
};在上面的代码中，items是一个包含多个对象的数组。通过在ng-repeat指令中使用orderBy过滤器，并传递customOrderBy函数作为参数，可以根据item对象的某个属性进行排序。
在实际应用中，orderBy过滤器可以用于各种场景，例如对表格中的数据进行排序、对搜索结果进行排序等。
腾讯云提供了一系列的云计算产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者构建和部署各种类型的应用。具体关于腾讯云相关产品和产品介绍的信息，请参考腾讯云官方网站：腾讯云。
相关·内容
我试图在Angualr中创建一个自定义过滤器(我用创建了我的种子项目，设置了角JS、Webpacks和Babel)
问题是，使用Webpacks以这种组件方式编写代码的事实是，我不知道如何设置自定义过滤器，我试着像一个简单的函数一样创建它，返回另一个函数，如Todd 所说的那样。
这是我的部件。
class ContactsController{
/** @ngInject */
constructor($http) {
$http
.get('app/contacts/contacts.json')
.then(response =&g
浏览 0提问于2016-07-22得票数 1
回答已采纳
1回答
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<script>
location='https://www.example.com/?search=%3Cinput%20id=x%20ng-focus=$event.path|orderBy:%27(z=alert)(document.cookie)%27%3E#x';
</script>
角JS版本: 1.4.1
浏览 4提问于2020-04-02得票数 0
回答已采纳
尝试使用typescript将angularjs的$filter服务注入到指令中：
export class MyDirective implements ng.IDirective {
public static $inject: string[] = ["$filter"];
constructor (public $filter: ng.IFilterService) {
var result = this.$filter('orderBy')([{"price":1}], [&#
浏览 1提问于2016-06-30得票数 0
我使用此脚本进行页面分页，如本教程中的所示
app.filter('offset', function() {
return function(input, start) {
start = parseInt(start, 10);
return input.slice(start);
};
});
一切都很好，除了我犯了个错误
TypeError: Cannot read property 'slice' of undefined
at k.<anonymous> (http://www.foo.co
浏览 3提问于2014-07-29得票数 2
是否可以在不同的字段上使用orderBy和not-in执行查询：
.where("field1", "not-in", ["a", "b", "c"])
.orderBy("field2", "desc")
not-in在中没有提到，因此似乎有可能：
如果包含一个带有范围比较(<，<=，>，>=)的筛选器，那么您的第一个排序必须在同一个字段上
但在中，not-in似乎也有同样的限制：
在复合查询中，范围(<，<=，>，>=)和
浏览 6提问于2022-07-06得票数 0
回答已采纳
我使用bootstrap Angular JS中的typeahead-on-select。现在我有了HTML代码：
<input type="text" ng-model="data.country[formData.country]" placeholder="Select country..." typeahead-on-select="onSelect($item, $model, $label)" typeahead="stuff as stuff.name for stuff in countries |
浏览 24提问于2015-06-23得票数 1
1回答
我用ngTable在AngularJs中创建了一个应用程序，该表具有筛选和排序功能，应用程序运行良好，但过滤和排序也很好，但问题是我需要过滤以逗号分隔的指定列，如下所示
scientist,doctor
现在，它将基于单个值进行筛选。
有谁能告诉我这个问题的解决方案吗？
var app = angular.module('app', ['ngTable']);
app.controller('IndexCtrl', function ($scope, $filter, ngTableParams) {
$scope.peopl
浏览 0提问于2014-11-10得票数 1
回答已采纳
1回答
我已经成功地在中实现了几乎所有类型的过滤器
<div data-ng-app='' data-ng-init="vehicles=[
{type:'car',color:'red'},
{type:'bike',color:'black'}]">
<h1>
AngularJS <a href='http://www.w3schools.com/angular/an
浏览 4提问于2015-11-29得票数 1
回答已采纳
2回答
我知道在angular中对一个表进行排序是可能的，它有两个单独的列，即首先按名称排序，然后按系列排序。
var friends = [
{name: 'a', family: 'z', age: 10},
{name: 'z', family: 'b', age: 19},
{name: 'c', family: 'z', age: 21},
{name: 'z', family: 'd', age: 35},
{name
浏览 4提问于2016-09-19得票数 0
1回答
Angular中的自定义链式滤镜
、、、、
所有人！
我有一个问题:我不能在过滤器链中使用的角度中编写过滤器。我对Angular还不够熟悉，所以我希望这只是我代码中的一个小错误。
所以，首先，我的js文件带有过滤器(我假设我可以做一些非常愚蠢的事情，所以我几乎以某种形式提供了它)：
(function () {
angular.module('myModule')
.filter('firstFilter', function () {
return function (input) {
return input;
浏览 3提问于2016-11-02得票数 1
我正在查看一个对象，并调用一个函数，该函数将其成员作为参数。
该函数每次调用函数时都会返回一个值。
我想要orderBy返回的值。
但是我的问题是，这个值是在函数调用之后返回的，并且我不能将这些值存储在数组中以便进行排序。
<div ng-repeat="member in current_project.members | orderBy : '?'">
<span class="taskCompletionEst">
Estimated time:
{{es
浏览 5提问于2017-11-22得票数 1
回答已采纳
我正在对ng-repeat中的数组进行过滤。
div.row(ng-repeat="log in logs | prepare_log | orderBy: 'log.created'")
在prepare_log过滤器中，我这样做：
value.stack_trace = angular.fromJson(value.stack_trace)
如果我把它改成这样：
value.stack_trace = angular.fromJson(value.stack_trace).reverse()
我得到了下面的错误。
我不知道它是否相关，但我在内部ng-repe
浏览 1提问于2014-01-07得票数 9
回答已采纳
在ng-repeat中排序项目后有一些问题。点击项目后，打开带有错误索引的页面。我的示例HTML代码，打开正确的页面：
<div ng-repeat="item in items" ng-click="showPost($index)">{{item.title}}</div>
如果添加了orderby，则显示错误的post索引：
<div ng-repeat="item in items | orderBy:'-title'" ng-click="showPost($index)"&
浏览 0提问于2016-01-20得票数 0
我的自定义分类方法有问题。我有一个json结构，其中整数值被作为字符串传递。在排序时，我需要根据整数值对列表进行排序，但它被排序为字符串值。
我已经为相同的目标创建了一个JsFiddle：
角码如下：
var app = angular.module('myModule', []);
app.controller('ContactListCtrl', function ($scope, $timeout, $filter) {
var sortingOrder = 'price';
$scope.sortingOrder = sorting
浏览 3提问于2013-10-15得票数 0
回答已采纳
这是我的html页面的代码：
<div ng-repeat="(key, value) in list.arrayofStuff | orderBy: 'order' | groupBy: 'code' ">
在Index.html中，我导入了角过滤器：
<script src="lib/angular-filter/dist/angular-filter.js"></script>
但出于某种原因，我得到了这个错误。
ionic.bundle.js:26794错误：$injector:u
浏览 1提问于2017-01-20得票数 2
回答已采纳
Angular入门。心存疑虑。在这段代码中..
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="namesCtrl">
<p>Looping with objects:</p>
<
浏览 0提问于2016-11-30得票数 0
我在Angular JS (1.x)中做我的工作。我正在使用ModalService创建一个模式。现在我想在我的模式中使用一些过滤器。考虑到不会有单独的控制器，我如何使用它。
以下是ModalService.js的代码
angular.module('appServices').service('ModalService', ['$modal',
function ($modal) {
this.showModal = function (customModalOptions) {
return this.show(cus
浏览 1提问于2017-12-20得票数 0
好了伙计们来了。
我正在学习角度，并想知道如何订购项目(字符串数组)。我知道有不同的方式使用控制器等，但我刚刚开始学习从今天开始。
想知道是否有办法在名字上使用orderBy？我知道，如果有，orderBy可以应用于对象数组中的属性名，但可以将其放置在ng-重复中。
但是如何在下面的代码中实现呢？
编辑：--我需要在页面加载的初始显示上以及当用户在textbox中筛选时输入某些内容时的orderby。
<html data-ng-app="">
<head>
<title></title>
</head>
&l
浏览 0提问于2015-04-02得票数 1
回答已采纳
1回答
如何在多维数组中使用Angular orderBy方法？
$scope.multidimensionalArray = [[]];
...
$scope.multidimensionalArray = orderBy($scope.multidimensionalArray, ???, true);
浏览 3提问于2017-03-27得票数 0
17回答
如何在angular中获得反转数组？我正在尝试使用orderBy筛选器，但它需要一个谓词(例如'name')来排序：
<tr ng-repeat="friend in friends | orderBy:'name':true">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
<td>{{friend.age}}</td>
<tr>
有没有一种方法可以反转原始数
浏览 0提问于2013-03-07得票数 228
回答已采纳
我使用的是Angular 1.2.10 (~稳定~)
我有这样的东西：
<tr ng-repeat="server in servers.hits.hits | orderBy: type.id">
我的服务器对象如下所示：
server = {
name = "String",
type = {
id: Integer,
label: "String"
},
url: "String"
}
我的服务器列表没有正确组织，但在A
浏览 1提问于2014-02-03得票数 0
我有一个打印列表项的ng-repeat。我想要编写一个自定义筛选器，以便只有在某个条件为真时才打印列表项。
我似乎有结构错误，因为它似乎变量没有通过过滤器。
index.php
<div ng-show="userDetails.username" class="nav">
<p>Menu</p>
<li ng-repeat="menuItem in menu | matchAccessLevel:$rootScope.userDetails.accessLevel:menuItem.minAcc
浏览 20提问于2013-03-04得票数 59
回答已采纳
尝试从输入框中输入排序条件，并动态地对内容进行排序。代码工作正常，但当我试图更改时：
orderBy:'age'
使用
orderBy:'{{criteria}}'
它不起作用。以下是代码：
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="testApp&
浏览 8提问于2015-12-12得票数 1
回答已采纳
我已经完成了，然而，我面临着一个奇怪的触发应用过滤器的问题。让我试着向你解释。第一个过滤器请求如下所示：
?$orderby=id-&pageSize=25&pageNbr=1&$filter=eventTypeId==7 OPTIONS 200 xhr angular.js:11881 505 B 17 ms
?$orderby=id-&pageSize=25&pageNbr=1&$filter=eventTypeId==7 GET 200 xhr Other 15.3 KB 92 ms
我们有选择，我们得到了，这
浏览 2提问于2016-08-16得票数 0
回答已采纳
2回答
从作用域对级联值的ng表过滤
、、、、
我用ngTable在AngularJs中创建了一个应用程序，我使用ngTable来显示用户数据，根据要求，我必须使用表中的单个列来根据名字和姓氏进行筛选，这些名称在$scope中被分隔，我在表单元上连接结果。但我不能通过连接过滤。
我尝试创建一个自定义过滤器，就像在上描述的那样，以完成这个任务，但到目前为止都没有成功。
我可以通过循环遍历数组来修改接收数据时的作用域，但是预期结果集会相当大，我不认为这是正确的方法。
下面是一个简化的例子。是否有使用模型或筛选器通过级联字符串进行“角”过滤的方法？
var app = angular.module('app', ['n
浏览 6提问于2014-12-17得票数 1
回答已采纳
1回答
我创建了一个具有独立作用域的自定义指令，并且也在该指令中获取数据，但是现在我的筛选器和orderby不工作在这里是我的指令：
<div my-data remoteurl='url' filter='test'>
</div>
主计长：
(function() {
'use strict';
var myApp = angular.module('myApp', [])
.controller('myAppCtrl', ['$scope'
浏览 5提问于2015-08-03得票数 0
回答已采纳
1回答
在控制器中使用$filter按价格和添加日期对json数据列表进行排序，在json数据中，价格以字符串而不是数字的形式存储。我想先按价格排序，然后添加日期，jsfiddle中的示例angular代码
$scope.results = $filter('orderBy')($scope.results, ['-price','added']);
浏览 17提问于2017-01-23得票数 0
回答已采纳
1回答
在我的AngularJS应用程序中，我遇到了一个实现分页的问题，我想实现prev和next按钮，但是它不起作用。
我认为它不适用于我的指令“分页”，我在我的模板中使用了一个新的过滤器“分页”，这就是问题.
我的模板：
<div ng-controller="ListCustomer">
<table class="table table-striped table-hover table-bordered">
<thead>
<tr>
浏览 5提问于2014-09-11得票数 0
1回答
我是AngularJS的新手，刚开始做一些事情，
我有一个非常基本的怀疑，
计划编号: 1
<body data-ng-app data-ng-init="nodes=[{name: 'T', age: 25},{name: 'A', age: 26},{name: 'R', age:27}]">
<div />
Filter of the data : {{names}}
<br>
<input type="text" data-ng
浏览 2提问于2013-11-08得票数 1
回答已采纳
2回答
我有一个JSON文件，其中详细介绍了一些书籍：
JSON文件(我粘贴它只是为了显示参数)：
{
"books": [{
"bookId":101,"bookTitle":"Angular JS","topic":"Angular JS",
"author":"Green",
"cost":375,
"imgUrl":"images/AngularJS1.JP
浏览 5提问于2016-03-02得票数 1
回答已采纳
考虑以下代码
<body ng-app="myApp">
<h1>Hello {{name}}</h1>
<h2>reverse of your name is {{ name | reverse }}</h2>
<input type="text" ng-model="name">
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.js'
浏览 9提问于2013-11-27得票数 3
回答已采纳
我在AngularJS中实现了一个搜索功能，当没有匹配时，我希望有一条消息"No results found“。由于我只过滤了一些字段，而不是所有字段，所以我编写了一个单独的过滤函数，该函数应用于ng-if以检查条目是否与搜索匹配。现在，我需要在ng-repeat完成后计算结果面板的数量，所以我尝试使用after-repeat指令，并从该指令内部为SearchController中的results变量赋值，但它没有做任何事情。
HTML：
<div ng-if="searchctrl.results<1">No matches.</div>
浏览 1提问于2015-11-26得票数 0
我不清楚如何在MVC4 SPA HotTowel模板中实现以filter谓词为参数的新视图的架构导航。假设我有一个带有日期下拉的主视图(过滤器)和一个按钮"gotoSessions“来导航到会话视图。GoToSessions按钮将导航到仅显示选定日期的会话的会话视图。不选择日期将迫使“会话”视图显示所有可用的会话。
更新config.js中的“会话”路由以接受筛选器参数
变量路由={ url：‘会话/:筛选’，moduleId：‘viewmodel/会话’，名称：‘会话’，可见:真，标题：‘会话’}，{.其余路线.}；
实现"gotoSessions“按钮
v
浏览 0提问于2013-04-12得票数 1
我使用的是Firestore，我有非常简单的查询，其中包含等式过滤器，我需要在其中执行orderBy (因为我必须限制结果)。我不能在我们的startAfter中使用orderBy，因为在这种情况下，Firebase会抛出一个错误。
FirebaseError:提供给Query.startAfter()的参数太多了。参数的数量必须小于或等于Query.orderBy()子句的数量
但是，我不能使用带有等式过滤器的orderBy。示例：
query.where('tags.supporter', '==', true).orderBy('tags.
浏览 1提问于2019-09-07得票数 9
正如标题所述，我有一个表，其中一列是划时代的日期。我试图使用内置在‘toISOString()’中的javascripts来翻译它，但是我想不出如何实现它。有什么方法可以在填充表时动态地完成吗？
以下是我正在做的工作的js：
angular.module('myapp', [])
.controller('MainCtrl', function($scope, $http, $filter, $interval) {
var orderBy = $filter('orderBy');
$scope.savedOrder =
浏览 1提问于2015-05-20得票数 2
回答已采纳
我试图在AngularJS中的中继器上应用一个过滤器，但是有一个奇怪的错误正在发生。当页面加载中继器时，就好像它在复制数据:6行而不是3行。然后再过一秒钟，它将转到3行。当我删除过滤器时，它的工作方式应该是3行。这是我的过滤器：
联署材料：
app.filter('flagged', function() {
return function(input,flag_filters) {
var filteredElements = [];
var filters = ["ALL"];
if(flag_filters.length >
浏览 3提问于2013-10-03得票数 0
回答已采纳
我正在使用nodejs中的模块，它以Json数据的形式发送搜索结果。Json数据有一个名为"artistName“的文件，其中有我可以看到的重复元素。但是我想打印"artistName“值，丢弃重复的实例。表示一个值应该只打印一次。我只包含了
<script type="text/javascript" src="/angular.js"></script>
<script src="js/angular-file-upload.min.js"></script>
我正在尝试下面的
浏览 7提问于2015-06-18得票数 0
我正在尝试使用带有字典样式语法的ng-repeat，并对键值应用顺序。
(key, value) in something | orderBy:'key'
OrderBy似乎没有像预期的那样工作
示例
浏览 0提问于2013-01-15得票数 39
回答已采纳
使用angular.filter，我使用groupBy和length来给出用户emailId记录的记录数。
<div ng-repeat="(key, value) in leaderboard | groupBy: 'emailId'">
<h3>{{ key }} {{ filteredList.length}}</h3>
<li ng-repeat="leaderboard in value | filter: ema
浏览 4提问于2016-07-05得票数 1
回答已采纳
如何在AngularJS中既按降序排序又按列过滤？我有以下代码，它将默认使用最近的时间戳。
<tr ng-repeat="item in log | orderBy:'-timestamp' ">
<td>{{item.timestamp | date: 'MM/dd/yyyy HH:MM'}}</td>
<td>{{item.Action | removeHTMLTags | strip }}</td>
<td>{{item.AO}}</td
浏览 24提问于2020-02-10得票数 0
回答已采纳
2回答
在AngularJS中，如何将参数传递给自定义过滤函数？在本例中，我需要在filter函数中同时提供task和status。
但是Angular只注入task。如何添加status
HTML
<div ng-repeat="status in statuses">
Selected Status: {{ status.title }
<ul>
<li ng-repeat="task in tasks | filter:customFilter">
Task Status:
浏览 0提问于2013-05-29得票数 1
回答已采纳
2回答
我不能用胳膊搂住这件事。举个例子..。有人能解释一下吗？
在AngularJs中，可以编写自定义过滤器。一个这样的过滤器看起来可能是这样的(多亏了和他关于角的新书)：
angular.module("exampleApp")
.filter("labelCase", function() {
return function (value, reverse) {
if (angular.isString(value)) {
....
}
};
});
在本例中，内部函数中" value“的值由
浏览 1提问于2014-04-17得票数 0
回答已采纳
在我的Firestore数据库中，集合中有一些文档，如下所示：
{
name: "Item 1",
count: 2,
timestamp: January 29, 2018 at 3:43:12 PM UTC-8
}
我试图查询这个集合，以便文档由count按降序排序，并且它们的timestamp's日期等于今天的日期。
使用，这是到目前为止的查询：
const startOfToday = moment().startOf('day').toDate();
const endOfToday = moment().endOf('da
浏览 1提问于2018-01-29得票数 4
回答已采纳
我有一个AngularJS应用程序，如下所示。只有当我将orderBy直接绑定到硬编码数据时，它才能工作。如果绑定到从HTTP返回(注释输出行)接收的数据，则排序将停止工作。
评级确实会更新并反映在UI中，但是动态排序不会生效。这里可能有什么问题？我正在使用，这显然引起了一些问题。
注意: HTTP调用未经身份验证，应该适用于每个人。
<html lang="en" ng-app>
<body >
<div ng-controller="hotelsController" >
&
浏览 1提问于2014-05-21得票数 0
回答已采纳
想象一下下面的GraphQL请求：
{
books(
first:10,
filter: [{field: TITLE, contains: "Potter"}],
orderBy: [{sort: PRICE, direction: DESC}, {sort: TITLE}]
)
}
结果将返回带有中继游标信息的连接。
光标是否应该包含filter和orderBy的详细信息？
这意味着查询下一组数据只意味着：
{
books(first:10, after:"opaque-cursor")
}
还是应该重复filter和or
浏览 0提问于2018-08-20得票数 4
回答已采纳
我已经从orderByObject文章中提取了过滤器。但是我不断地发现这个错误：
Error: [$injector:unpr] Unknown provider: inputProvider <- input <- orderObjectByFilter
http://errors.angularjs.org/1.3.17/$injector/unpr?p0=inputProvider%20%3C-%20input%20%3C-%20orderObjectByFilter
minErr/<@http://localhost:3000/bower_components/ang
浏览 4提问于2015-09-02得票数 1
回答已采纳
2回答
对象中的角排序项
、、、、
标记
<ion-content>
<ion-list *ngFor="let todosPaises of crossCountriesData">
<ion-item lines="inset" *ngFor="let dados of todosPaises.response | orderBy">
{{ dados.cases.active }}
</ion-item>
</ion-list>
</io
浏览 0提问于2020-08-27得票数 0
回答已采纳
假设我有一个对象数组，如下所示：
[
{
name: 'test1',
status: 'pending',
date: 'Jan 17 2017 21:00:23'
},
{
name: 'test2',
status: 'pending',
date: 'Jan 14 2017 21:00:23'
浏览 0提问于2017-04-18得票数 0
我在下面的功能中查询FB：
getLimit: function(artistId, limit) {
console.log(FBURL +
'songs?orderBy=\"artist_timestamp\"&startAt=\"' +
artistId +
'_\"&endAt=\"' +
浏览 2提问于2017-06-01得票数 0
回答已采纳
1回答
我正在尝试使用元素类型自定义指令创建一个通用表格，该指令获取数据集合并生成表格标题，并创建表格的所有行和列，然后我尝试对所有列进行排序。这部分代码运行良好。但是我的下一个目标是在表的所有列上应用过滤器，因为数据是动态的，所以我们不能在运行时决定要过滤的字段。我诊断的问题是我正在使用ng-repeat="row in customers|filter:{$scope.searchkey:$scope.search}"。这就是问题所在，因为在then表达式中，第一件事应该是object，但是$scope返回object。
以下是我的代码。
Index.html
<body&g
浏览 0提问于2014-07-07得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
