问题标签 [ng-options]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
8 回答
452085 浏览

javascript - 使用 AngularJS 的 ng-options 进行选择

我在其他帖子中读过它,但我无法弄清楚。

我有一个数组,

我想将其渲染为:

而且我还想选择 ID=000002 的选项。

我已阅读select并尝试过,但我无法弄清楚。

0 投票
11 回答
85195 浏览

angularjs - 带有禁用行的 ng-options

是否可以使用ng-options它将根据标准呈现为禁用的行?

这个:

也许有可能变成这样的东西:

假设通过一个过滤器可以返回disabled='disabled'所有具有 shade = "dark" 的颜色

0 投票
1 回答
1102 浏览

angularjs - 为什么直接在 Angular 中使用 select 不会绑定到所选项目?

我正在测试和理解 HTML 的“选择”和“选项”。我浏览了文档并了解了如何在 HTML 中创建列表框。如果您运行以下 plunker,您将看到预期的行为。 http://plnkr.co/edit/y5BlZnzQgy1C4DxNHpLl?p=preview
您将看到预期的行为。它正在使用角度网站中的当前文档。
我有两个部分的问题;
1. 如果启用注释代码并注释掉 ng-option,数据绑定工作,我将在下拉列表中看到 id 和 name。但是为什么 selectemItem 没有绑定到正确的索引呢?
2. 如果我要像 plunker 一样坚持当前的工作示例,如何在列表框中不仅显示 id 还显示名称组合?

谢谢,

0 投票
3 回答
67748 浏览

angularjs - 在 ng-options 上使用过滤器来更改显示的值

我有一系列要显示的价格(0, 0.99, 1.99... 等)<select>

ng-options我想像这样使用Angular

正如上面显示的那样,它将生成一个选择0, 0.99, 1.99...

但我想在代码中使用一个过滤器,这样每次出现“价格”这个词(或类似的东西)时,代码都会运行一个函数来将浮点数更改为字符串并呈现 ( free, 0.99$, 1.99$... 等)。

我有办法吗?

谢谢

0 投票
1 回答
4158 浏览

javascript - 没有 ng-model AngularJS 选择不起作用

有谁知道为什么在 AngularJS 中,select没有ng-model?

上面的第一行代码将起作用,而第二行将不起作用。为什么 ???

谢谢!

0 投票
1 回答
2557 浏览

angularjs - 在 ng-options 中使用 orderBy 进行排序

我的代码是:

这里 orderBy 不是根据 info[item.name] 排序的。

我想显示 123abc 并根据这些进行排序但将模型的值保持为 abc 的任何可能方式

0 投票
1 回答
620 浏览

arrays - ngOptions 排序和选择数组中的对象

我的控制器中有一组选项,如下所示:

我的视图如下所示,目前如下所示:

问题:生成的下拉菜单不是按数组中的 obj 出现排序,而是按每个对象键的 alpha 排序,并且没有选择默认选项,我希望下拉菜单默认为“一个”而不是“”

使这项工作需要什么 ng-options 表达式????

谢谢

0 投票
4 回答
12927 浏览

javascript - 在 AngularJS 上使用 nd-repeat 创建带有代表未来 20 年的数字的下拉列表的最佳方法是什么?

ng-repeat在 AngularJS 上使用代表未来 20 年的数字创建下拉列表的最佳方法是什么?动态获取第一年(当年)会很好。

那么使用迭代器在一年中的月份(1..12)下降呢?

注意:我在这里找到了一个好主意: http ://www.zzzxo.com/q/answers-angularjs-for-loop-with-numbers-ranges-11873570.html

但是,我想知道是否有更短的方法。

0 投票
2 回答
25430 浏览

javascript - AngularJS - ngOptions:如何按组名然后按标签排序

假设我有以下这种形式的数据数组:

我的绑定将是这样的:

我希望下拉列表列出GroupA之前的所有项目,GroupB同时将它们也排序在每个组下。

像这样的东西:

我知道我可以使用orderByAngular 过滤器,但这并不能真正按照我需要的方式工作。我的猜测是我必须编写一个自定义过滤器,以我想要的方式手动排序列表,但我想知道是否有更简单的方法来完成任务。

0 投票
1 回答
3489 浏览

javascript - AngularJS - 选择 False 时,ng-option 下拉列表未设置 ng-model 值

我有一个用于生成选择列表的<select>元素,并希望将 selected 设置为. 这是我的html:ng-optionsng-model

我的控制器包含以下代码:

如果该项的IsTobacco值为真,则该值设置正确,一切正常。但是,如果它为 false,则会出现所需的错误,即使{{dep.IsTobacco}}呈现为 false。真正奇怪的部分是,如果我将列表中的选定项目更改为 true,它可以正常工作,但是如果我将其设置为 false,则会将一个新的空白项目添加到列表中并选择该空白项目。

如果问题似乎不在上面发布的行中,我可以很乐意发布更多代码。

谢谢!

编辑:我还使用了 chrome 调试器,发现当数据在 Angular 中启动时, 的值IsTobacco等于false.

编辑 2:如果有人看到这个是 AngularJS 的新手,我肯定会推荐阅读这两篇文章:第 1部分和第 2 部分。它们是 AngularJS 表单的概述。