问题标签 [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.
angularjs - 带有禁用行的 ng-options
是否可以使用ng-options
它将根据标准呈现为禁用的行?
这个:
也许有可能变成这样的东西:
假设通过一个过滤器可以返回disabled='disabled'
所有具有 shade = "dark" 的颜色
angularjs - 为什么直接在 Angular 中使用 select 不会绑定到所选项目?
我正在测试和理解 HTML 的“选择”和“选项”。我浏览了文档并了解了如何在 HTML 中创建列表框。如果您运行以下 plunker,您将看到预期的行为。
http://plnkr.co/edit/y5BlZnzQgy1C4DxNHpLl?p=preview
您将看到预期的行为。它正在使用角度网站中的当前文档。
我有两个部分的问题;
1. 如果启用注释代码并注释掉 ng-option,数据绑定工作,我将在下拉列表中看到 id 和 name。但是为什么 selectemItem 没有绑定到正确的索引呢?
2. 如果我要像 plunker 一样坚持当前的工作示例,如何在列表框中不仅显示 id 还显示名称组合?
谢谢,
angularjs - 在 ng-options 上使用过滤器来更改显示的值
我有一系列要显示的价格(0
, 0.99
, 1.99
... 等)<select>
。
ng-options
我想像这样使用Angular
正如上面显示的那样,它将生成一个选择0
, 0.99
, 1.99
...
但我想在代码中使用一个过滤器,这样每次出现“价格”这个词(或类似的东西)时,代码都会运行一个函数来将浮点数更改为字符串并呈现 ( free
, 0.99$
, 1.99$
... 等)。
我有办法吗?
谢谢
javascript - 没有 ng-model AngularJS 选择不起作用
有谁知道为什么在 AngularJS 中,select
没有ng-model
?
上面的第一行代码将起作用,而第二行将不起作用。为什么 ???
谢谢!
angularjs - 在 ng-options 中使用 orderBy 进行排序
我的代码是:
这里 orderBy 不是根据 info[item.name] 排序的。
我想显示 123abc 并根据这些进行排序但将模型的值保持为 abc 的任何可能方式
arrays - ngOptions 排序和选择数组中的对象
我的控制器中有一组选项,如下所示:
我的视图如下所示,目前如下所示:
问题:生成的下拉菜单不是按数组中的 obj 出现排序,而是按每个对象键的 alpha 排序,并且没有选择默认选项,我希望下拉菜单默认为“一个”而不是“”
使这项工作需要什么 ng-options 表达式????
谢谢
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
但是,我想知道是否有更短的方法。
javascript - AngularJS - ngOptions:如何按组名然后按标签排序
假设我有以下这种形式的数据数组:
我的绑定将是这样的:
我希望下拉列表列出GroupA
之前的所有项目,GroupB
同时将它们也排序在每个组下。
像这样的东西:
我知道我可以使用orderBy
Angular 过滤器,但这并不能真正按照我需要的方式工作。我的猜测是我必须编写一个自定义过滤器,以我想要的方式手动排序列表,但我想知道是否有更简单的方法来完成任务。
javascript - AngularJS - 选择 False 时,ng-option 下拉列表未设置 ng-model 值
我有一个用于生成选择列表的<select>
元素,并希望将 selected 设置为. 这是我的html:ng-options
ng-model
我的控制器包含以下代码:
如果该项的IsTobacco
值为真,则该值设置正确,一切正常。但是,如果它为 false,则会出现所需的错误,即使{{dep.IsTobacco}}
呈现为 false。真正奇怪的部分是,如果我将列表中的选定项目更改为 true,它可以正常工作,但是如果我将其设置为 false,则会将一个新的空白项目添加到列表中并选择该空白项目。
如果问题似乎不在上面发布的行中,我可以很乐意发布更多代码。
谢谢!
编辑:我还使用了 chrome 调试器,发现当数据在 Angular 中启动时, 的值IsTobacco
等于false
.
编辑 2:如果有人看到这个是 AngularJS 的新手,我肯定会推荐阅读这两篇文章:第 1部分和第 2 部分。它们是 AngularJS 表单的概述。