程序员经验分享-hwhale

如何按键对 ng-options 中的数组进行排序？

2024-01-02

有这样一个数组：

month: Array[13]0: "M"1: "January"2: "February"3: "March"4: "April"5: "May"6: "June"7: "July"8: "August"9: "September"10: "October"11: "November"12: "December"

I do:

ng-options="key as value for (key, value) in data.month | orderBy:key"

但我得到未排序的选择列表。


为了使用过滤器进行跟踪，请使用track by.

Markup

ng-options="key as value for (key, value) in data.month | orderBy:'key' track by key"

Update

This orderBy永远不会工作，因为你有文字数组。您需要将此数组转换为类似 JSON 的对象，其结构如下[{id: 0, value: "M"}, {id: 1, value: "January"},......]

HTML

ng-options="item.id as item.value for items in data.month | orderBy:'id'"

演示插件 http://plnkr.co/edit/ho4ZL1btD5xJYUso3S19?p=preview

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

angularJS

select

angularjsfilter

angularjsngoptions

如何按键对 ng-options 中的数组进行排序？ 的相关文章

  • 了解设置 JQuery 变量

    了解设置 JQuery 变量 最近 我通过在 StackOverflow 上遇到的另一个问题寻找帮助 了解到如何设置 JQuery 变量 如下所示 您可以通过简单地调用变量来创建输入字段 并且锚变量似乎也定义了样式 var clicked

  • Android 设备上的 PhoneGap 蓝牙插件

    我一直在尝试让 PhoneGap 工作的蓝牙插件 但我似乎不知道哪里出了问题 首先 我的测试设备是 Galaxy S3 GT 19305T 应用程序是使用PhoneGap CLI http docs phonegap com en 3 0

  • 从数据 URI 解码 QR 码

    我尝试从数据 uri 中解码二维码 var dataUri data image gif base64 R0lGODdh9gD2AIAAAAAAAP ywAAAAA9gD2AAAC decodeQrCode dataUri cb 我已经尝试

  • 为什么 JavaScript base-36 转换看起来不明确

    我目前正在编写一段使用 Base 36 编码的 JavaScript 我遇到了这个问题 parseInt welcomeback 36 toString 36 看来要回归了 welcomebacg 我在 Chrome 开发者控制台和 Nod

  • angularjs:timeout 在 $http POST 请求中不起作用

    我的代码中有以下代码片段 它为请求设置了以毫秒为单位的超时 但即使满足超时 它也不会取消 var httpURL method URLobj method url urlString data data withCredentials tr

  • 如何重置使用 JavaScript 更改的 CSS 属性？

    我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选

  • 使用 useReducers 调度函数发送多个操作？

    使用时是否可以通过调度函数发送多个动作useReducer挂钩反应 我尝试向它传递一组操作 但这会引发未处理的运行时异常 明确地说 通常会有一个初始状态对象和一个减速器 如下所示 const initialState message1 nu

  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于

  • 如何防止 Iframe 在与浏览器交互后弄乱浏览器的历史记录？

    因此 就我而言 我使用 Iframe 将 Grafana 附加到我的页面 这为我提供了漂亮且易于使用的图表 可以注意到 每次在图表上进行放大或缩小 使用鼠标单击 交互后 Grafana 的 Iframe 都会在我的 Angular 页面上触

  • 如何抑制窗口鼠标滚轮滚动...？

    我正在开发嵌入页面中的画布应用程序 我有它 因此您可以使用鼠标滚轮放大绘图 但不幸的是 这会滚动页面 因为它是文章的一部分 当我在 dom 元素上滚动鼠标滚轮时 是否可以阻止鼠标滚轮在窗口上滚动 附加鼠标滚轮 不是 Gecko DOMMou

  • 如何监听 jQuery AJAX 请求？

    以下两种实现 ajaxRequest 1 2 的方法应该是等效的 话说回来 为什么验证回调已执行的单元测试 3 在 1 中成功而在 2 中失败 我应该如何重写测试 3 来监视 2 中的成功回调 如果我尝试stub jQuery ajax使用

  • Node.js：如何在检索数据（块）时关闭响应/请求

    我正在用 node js 构建一个应用程序 它加载多个页面并分析内容 因为 node js 发送块 所以我可以分析这些块 如果一个块包含例如索引 nofollow 我想关闭该连接并继续其余部分 var host example com to

  • 在requestAnimationFrame中使用clearRect不显示动画

    我正在尝试在 HTML5 画布上做一个简单的 javascript 动画 现在我的画布是分层的 这样当我收到鼠标事件时 背景层不会改变 但带有头像的顶层会移动 如果我使用 requestAnimationFrame 并且不清除屏幕 我会看到

  • 通过 CDN 使用 Dojo 时如何加载自定义 AMD 模块？

    我正在使用 google 的 CDN 并尝试使用他们的加载程序加载我自己的 AMD 模块 我知道我做错了什么 但我被困住了 有任何想法吗

  • 提交表单并重定向页面

    我在 SO 上看到了很多与此相关的其他问题 但没有一个对我有用 我正在尝试提交POST表单 然后将用户重定向到另一个页面 但我无法同时实现这两种情况 我可以获取重定向或帖子 但不能同时获取两者 这是我现在所拥有的

  • Javascript 数组到 VBScript

    我有一个使用 Javascript 构建的对象数组 我需要使用 VBScript 读取它 如下例所示 我找不到在 VbScript 代码中循环遍历数组的方法myArray object 这个例子是我的问题的简化 我无法更改页面的默认语言 这

  • Laravel 中只向登录用户显示按钮

    如果我以 John 身份登录 如何才能只显示 John 的红色按钮而不显示 Susan 的红色按钮 测试系统环境 Win10 Laravel5 4 Mysql5 7 19 table class table table responsive

  • Javascript 纪元时间（以天为单位）

    我需要以天为单位的纪元时间 迄今为止 我已经看到过有关如何翻译它的帖子 但几天后就没有了 我对纪元时间很不好 我怎么能得到这个 我需要以天为单位的纪元时间 我将解释为您想要自纪元以来的天数 纪元本身是第 0 天 或第 1 天的开始 无论您如

  • Safari 支持 JavaScript window.onerror 吗？

    我有一个附加到 window onerror 的函数 window onerror function errorMsg url line window alert asdf 这在 firefox chrome 和 IE 中工作正常 但在 s

  • fullCalendar 未显示正确的结束日期

    我正在看调试页面 http jsbin com wukofacaxu edit js outputFullCalendar 官方网站的 我想安排一个活动时间为 22 09 2015 至 30 09 2015 dd mm yyyy 但它只显示

随机推荐

  • PHP，JavaScript - 通过重定向标头来检测屏幕宽度是否正确

    我使用以下 JavaScript 来检测屏幕宽度 并通过条件语句将其用作模板文件中的常量 以显示 不显示网站的部分 虽然它与我的问题没有太大关系 但以防万一 是的 我正在使用 WordPress 我也已经在使用 mobileDetect P

  • Visual Studio 2010 错误：类型 Universe 无法解析程序集

    我已将最初在 Visual Studio 2008 中创建的 WPF 项目加载到 Visual Studio 2010 中 转换过程进展顺利 但在某些 XAML 文件上 VS2010 设计器会抛出几个与项目引用相关的错误 包括以下错误 Sy

  • 如何克服winform的Control.DrawToBitmap()方法大尺寸限制

    我正在使用 C Winforms 和 MS Visual Studio 2010 开发一个桌面应用程序 在该应用程序中 我必须截取表单面板的屏幕截图并将图像保存在光盘中 面板尺寸可以很大 我使用了 Panel DrawToBitmap 方法

  • 在 FluentValidation 中访问 WebApi 2 的路线数据

    我有一个基本的 C Web Api 2 控制器 它有一个 POST 方法来创建实体 public HttpResponseMessage Post UserModel userModel 还有一个更新模型的 PUT 方法 public Ht

  • Sphinx：如何排除自动模块中的导入？

    我有一个用 Python 编写的 Raspberry Pi 项目 它使用 RPi GPIO 模块 代码上的所有工作都是在 Windows 机器上完成的 其中 RPi GPIO 不会安装 每次我尝试运行 autodoc 时 它都会崩溃 说它无

  • Docusign 连接服务未将数据发布到指定的 url

    Docusign 连接服务不会将数据发布到连接服务选项中指定的 URL 实际上 如果我重新发送日志中的数据 它会起作用 但它本身不起作用 请帮我 谢谢 通常 当 DocuSign Connect 未发布到 URL 时 这是由以下原因之一引起

  • Maven 资源过滤不起作用 - 由于 spring boot 依赖性 [重复]

    这个问题在这里已经有答案了 在 Maven 项目中 我尝试使用 Maven 资源过滤替换一些令牌 但它不起作用 我还有一些其他项目可以工作 但在这个单个项目中不起作用 不知道出了什么问题 属性文件位于位置 src main resource

  • eof() 返回什么？

    这是代码 string fname home jack example csv ifstream csvin fname c str if csvin eof do something 我的问题是 什么情况下eof 返回真 我有以下选择 文

  • 为什么在 affine2d 中使用转置矩阵

    根据http nl mathworks com help images ref affine2d class html http nl mathworks com help images ref affine2d class html Ma

  • 计算两个地理点的距离（以公里为单位）c#

    我想计算两个地理点的距离 这些点以经度和纬度给出 坐标是 点 1 36 578581 118 291994 点 2 36 23998 116 83171 这是一个比较结果的网站 http www movable type co uk scr

  • 如何在不终止docker容器的情况下重新启动apache2？

    我使用作为基础php docker 容器 https hub docker com php 带有标签 php 5 6 apache 当我尝试重新启动容器内的 apache2 时 容器停止 root phalconapp var www ht

  • 创建数组的快捷方式？

    在 VB NET 中 我创建数组如下 Dim myArray New ArrayList 但是有没有一种方法可以创建包含元素的数组而无需创建变量呢 在 Ruby 中 还有很长的路要走 array Array new 简单的 不变的方式就是

  • ASP.Net MVC3：将 .js 文件放在 View 而不是 Scripts 文件夹附近

    我们想从 Razor 视图中分离出 javascript 以便我们可以测试 我们可以将 js 文件定位在它们对应的视图附近 而不是放在 Scripts 文件夹中吗 例如 我们希望在解决方案资源管理器中看到这一点 MyMvcProject V

  • Java - 使用河豚加密时丢失最终字符

    我正在使用一些 java 代码 使用 Blowfish 加密文本文件的内容 当我将加密文件转换回来 即解密 时 字符串末尾缺少一个字符 有什么想法吗 我对 Java 很陌生 已经摆弄了几个小时但没有运气 文件 war and peace t

  • 扩展 JFrame 总是一个坏主意吗？ [复制]

    这个问题在这里已经有答案了 开发 Java Swing GUI 时 扩展 JFrame 总是一个坏主意吗 那么 JPanel 或其他 JComponent 又如何呢 另外 是什么让它变得不好呢 通常 如果您需要自定义 Swing 组件 则仅

  • Flask-mongoengine 中的聚合

    我只是盯着 MongoDB 我正在盯着一个带有 Flask mongoengine 的应用程序 我想聚合一些文档 我正在使用 Flask mongoengine 并在尝试时 class MyDocumentModel db Document

  • GKE Ingress 显示后端服务不健康

    我有一个 GKE 集群 实例组中有 4 个节点 我部署了 Ingress 和几个 Pod 每个 Pod 仅 1 个副本 因此它们仅位于 1 个节点上 我在 Google 控制台 Ingress 详细信息页面 上注意到 尽管正在运行的 pod

  • 如何让 jQuery 自动完成在字段焦点上弹出？ [复制]

    这个问题在这里已经有答案了 可能的重复 jQuery 自动完成 UI 我希望它能够在焦点上开始搜索 而无需用户输入任何内容 https stackoverflow com questions 4479598 jquery autocompl

  • 计数陷阱

    考虑计算结构不同的数量的问题二叉搜索树 http en wikipedia org wiki Binary search tree 给定 N 找到包含值 1 N 的结构不同的二叉搜索树的数量 给出一个解决这个问题的算法非常容易 修复根中每个

  • 如何按键对 ng-options 中的数组进行排序？

    有这样一个数组 month Array 13 0 M 1 January 2 February 3 March 4 April 5 May 6 June 7 July 8 August 9 September 10 October 11 N

热门标签