首页 / JAVASCRIPT / javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入

javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1290字，纯文字阅读大概需要2分钟。

内容图文

我正在使用https://github.com/angular-ui/ui-select用于我正在处理的网站.目前代码如下：

       <ui-select ng-model="model.states">
         <ui-select-match placeholder="State">
           {{$item.Name}}
         </ui-select-match>
         <ui-select-choices repeat="item.Code as item in statesArray | filter:$select.search">
            {{item.Name}}
         </ui-select-choices>
      </ui-select>

当我在输入字段中输入任何内容时,例如“a”,ui-select-choices显示包含“a”的所有字段(默认情况下).我想要做的是,我想显示所有以“a”开头的州.如果输入框中未输入任何内容,则按字母顺序显示所有字段.有人可以提出解决方案吗？我看过其他一些帖子,但还没有人回答这个问题.提前致谢.

例

这是一个例子,假设州阵列有加利福尼亚州,康涅狄格州,阿拉斯加州,亚利桑那州,纽约州等州.

如果输入字段中没有输入任何内容,则下拉列表应显示阿拉斯加州,亚利桑那州,加利福尼亚州,康涅狄格州,纽约州(可以使用orderBy过滤器实现).

如果用户在输入字段中键入“a”,则下拉列表应显示亚利桑那州,亚利桑那州,并且没有其他字段,因为阿拉斯加州和亚利桑那州只有以“a”开头的字段.
如果用户键入“c”,则下拉列表应显示康涅狄格州加利福尼亚州.
如果用户键入“ca”,则下拉列表应仅显示加利福尼亚,因为它仅匹配给定的输入字符串.

解决方法:

如果我理解正确,我认为你需要做的就是添加

| orderBy:’Name’

<ui-select-choices repeat="item.Code as item in statesArray | filter:$select.search | orderBy:'Name'">
{{item.Name}}
</ui-select-choices>

查看orderBy以获取更多信息

内容总结

以上是互联网集市为您收集整理的javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入全部内容，希望文章能够帮你解决javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/758574.html

来源：【匿名】