如何在AngularJS中对INIT中的元素进行排序

如何在AngularJS中对INIT中的元素进行排序,angularjs,angularjs-directive,angularjs-ng-repeat,Angularjs,Angularjs Directive,Angularjs Ng Repeat,好了,给你们,伙计们 我正在学习角度,想知道如何排序字符串数组中的项目。我知道有不同的方法使用控制器等,但我只是从今天开始学习 我想知道是否有一种方法可以按名称排序?我知道orderBy可以应用于对象数组中的属性名(如果有的话),但将其放在ng repeat中 但是如何在下面的代码中实现它呢 编辑:我需要orderby在页面加载时的初始显示,以及用户在过滤时在文本框中键入内容时 <html data-ng-app=""> <head> <title>&

好了,给你们,伙计们

我正在学习角度,想知道如何排序字符串数组中的项目。我知道有不同的方法使用控制器等,但我只是从今天开始学习

我想知道是否有一种方法可以按名称排序?我知道orderBy可以应用于对象数组中的属性名(如果有的话),但将其放在ng repeat中

但是如何在下面的代码中实现它呢

编辑:我需要orderby在页面加载时的初始显示,以及用户在过滤时在文本框中键入内容时

<html data-ng-app="">
<head>
    <title></title>
</head>
<body data-ng-init="names=['Sita','Ram', 'Amit','Cat','Boushick' ] ">
    <input type="text" name="txtName" data-ng-model="typedName" />
    <br />
    Typed Name is: {{ typedName }}
    <br />
    Names:
    <ul |orderBy:'names' >
        <li data-ng-repeat="personName in names | filter:typedName "> {{ personName | uppercase}}

        </li>
    </ul>
    <script src="Scripts/angular.min.js"></script>
</body>
</html>
在筛选之前使用orderBy:“toString”:

<li data-ng-repeat="personName in names | orderBy:'toString()'|filter:typedName "> {{ personName | uppercase}}
以下是使用orderBy:'toString'进行筛选之前的操作:

<li data-ng-repeat="personName in names | orderBy:'toString()'|filter:typedName "> {{ personName | uppercase}}
这里是

是,使用orderBy as

以下是使用orderBy as的是


以下是您错误使用ng Init的原因。正如angular文档所述,使用一个控制器,然后在那里对数组进行排序。@Claies:很抱歉,这是我第一次引用它,然后用谷歌搜索,但没有一个能满足我的场景。我希望按照我要求的方式进行。您希望在页面加载时对其进行排序这一事实并不能改变您错误使用ng Init的事实。ng Init不是一个页面初始化指令,尽管它的名称是。angular文档清楚地指出:ngInit的唯一适当用途是对ngRepeat的特殊属性进行别名,如下面的演示所示。除此之外,您还应该使用控制器而不是ngInit来初始化作用域上的值。如果在控制器中初始化数据后,排序数据时遇到问题,请再次询问:@克莱斯:我是在斯库德的帮助下实现的。另外,我想告诉你们,我正在看一段视频,这段视频很精彩,丹用我写的同样的方式解释。然后,只有我在我的VS.See for yourself@16.32 time视频中尝试过它,它可能会工作,但它不是正确的用法,并且已知由于不正确使用此指令而出现意外的、难以调试的问题。您使用的ng Init是错误的。正如angular文档所述,使用一个控制器,然后在那里对数组进行排序。@Claies:很抱歉,这是我第一次引用它,然后用谷歌搜索,但没有一个能满足我的场景。我希望按照我要求的方式进行。您希望在页面加载时对其进行排序这一事实并不能改变您错误使用ng Init的事实。ng Init不是一个页面初始化指令,尽管它的名称是。angular文档清楚地指出:ngInit的唯一适当用途是对ngRepeat的特殊属性进行别名,如下面的演示所示。除此之外,您还应该使用控制器而不是ngInit来初始化作用域上的值。如果在控制器中初始化数据后,排序数据时遇到问题,请再次询问:@克莱斯:我是在斯库德的帮助下实现的。另外,我想告诉你们,我正在看一段视频,这段视频很精彩,丹用我写的同样的方式解释。然后,只有我在我的VS.See for yourself@16.32 time视频中尝试过它,它可能会起作用,但它不是正确的用法,并且已知由于该指令的错误用法而出现意外的、难以调试的问题。嗨,在这两种情况下,无论是在初始加载还是在过滤器上,都很有魅力。惊讶:非常感谢,我喜欢你微笑和解释的方式:我想你一定是一个非常有知识、经验丰富的老家伙,他是如此谦逊和善良?不知道,我的一个客户是这样的,一个俄罗斯人:回到正题,我试过使用后过滤器,它也起作用了。有什么不同吗?对不起,亲爱的,我才21岁。但我喜欢带着灿烂的笑容回答你:。而且在之前或之后使用它也没有区别太好了,谢谢你。难以置信,你鼓舞了我。我30岁了:该死!还是编程新手。希望我能随着时间学习。嘿,别担心,你很快就会学会。我4个月前也刚开始学习:。最好的资源是可爱的,非常感谢你,谢谢你的好话:我会在看完我现在正在看的视频后浏览你提供的这个链接::玩得开心::CheersHi,在两种场景的初始加载和筛选中都像魅力一样工作。惊讶:非常感谢,我喜欢你微笑和解释的方式:我想你一定是一个非常有知识、经验丰富的老家伙,他是如此谦逊和善良?不知道,我的一个客户是这样的,一个俄罗斯人:回到正题,我试过使用后过滤器,它也起作用了。有什么不同吗?对不起,亲爱的,我才21岁。但我喜欢带着灿烂的笑容回答你:。而且在之前或之后使用它也没有区别太好了,谢谢你。难以置信,你鼓舞了我。我30岁了:该死!还是编程新手。希望我能随着时间学习。嘿,别担心,你很快就会学会。我4个月前也刚开始学习:。最好的资源是可爱的,非常感谢你和你的客气话:我会通过这个链接,你给我看了视频后,我现在看::
祝你玩得愉快:干杯,检查一下这辆车,并与我刚才添加的那辆相比| orderBy:personName仅适用于部分。Toress,非常抱歉,它现在起作用了。我试着在视频中使用“as”。它不起作用。当我把它去掉时,它确实起了作用。我的意思是我用了orderBy:“personName”,但它不起作用。非常感谢您抽出时间,再次为您的愚蠢感到抱歉非常感谢:::检查plunker并与我刚才添加的一个进行比较| orderBy:personName仅适用于部分。Toress,非常抱歉,它现在确实起作用了。我试着在视频中使用“as”。它不起作用。当我把它去掉时,它确实起了作用。我的意思是我用了orderBy:“personName”,但它不起作用。非常感谢您抽出时间,再次为您的愚蠢感到抱歉非常感谢: