问题标签 [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 投票
1 回答
2958 浏览

javascript - NG-Options 不允许我设置值

目前我正在尝试使用 ng-options 指令加载一个选择框。

但是我无法更改创建选项的值,它只是从 0 到 3,而我希望这些值与我通过的“eigenschap_id”相同。

所以它的值应该是 23-26 而不是 0-3

它哪里出错了?

这是我正在使用的代码。

控制器:

Jsonstring/对象:

html视图

生成的html

0 投票
1 回答
311 浏览

javascript - 如何更改与 ng-options 绑定的选择列表的当前值?

我有一个这样创建的选择列表:

它包含在创建/编辑页面中。当页面处于编辑模式时,我想根据从服务器检索到的一些值来选择列表中的哪个项目。目前,选择列表将填充正确的选项,但我无法使选择列表以正确的值开始。这是我在页面上填充值的代码:

我设置selectedActions[j].value了选择列表绑定的 ,但它不会更新。任何想法为什么这不起作用?或其他方法来做到这一点?

编辑: 这是结果 JSON 的示例(忽略冗余信息和东西,我们仍在进行序列化):

编辑2: 根据评论中链接的可能重复项,我尝试添加ng-init无济于事:

无论如何,我认为这无关紧要,因为我在代码的以下几行中有效地进行了此初始化:

0 投票
1 回答
1342 浏览

angularjs - 如何使用 ng-options 以角度获取所选选项的文本

我的代码在jsFiddle中,下面是该代码的 c/p。我的问题是当我单击星期一选项时如何获取文本Mon而不是["Mon"] ,以及当我多选星期一和星期四时如何获取Mon、Thu (ofc,你明白了: Tue ,周三,周二,星期三和周六选择时,星期六)。我一定遗漏了一些明显的东西,所以请引导我朝着正确的方向前进。

html:

js:

0 投票
1 回答
938 浏览

angularjs - 一起使用 ng-options 和 ng-switch 时的问题

当我尝试在 AngularJS 中同时使用 ng-options 和 ng-switch 来动态更改我正在处理的小部件构建器的页面上放置的内容时,我遇到了一个问题。

我遇到了两个问题:
1. 我似乎无法将 ng-option 默认设置为模型从它显示的 json 设置的值。
2. 当我更改 ng-option 字段时,下面的开关会中断并且不再显示正确的代码。

这是代码:

这是运行它的 jsFiddle 的链接:http: //jsfiddle.net/jpeak/dkvwa/

0 投票
2 回答
8707 浏览

angularjs - AngularJS how to add data-image attribute to option

I want to add custom data attribute to option tag.

For example:

How can I do that?

0 投票
1 回答
68 浏览

angularjs - 为一系列动态选择设置选项

我有一个角度模型从 API 接收数据,如下所示:

而且,我想遍历所有问题,并且每个问题都有一系列一个选择框,选择的选项来自问题对象

我无法弄清楚是什么?应该。我认为ng-options="o in question.options"可能会工作,但没有这样的运气。这可以做到吗?如果是这样,怎么做?

0 投票
1 回答
1373 浏览

angularjs - ng-options 和更新模型

Under the following scenario, when a client is selected, I would like to update in the gallery model. 如何使用选定的客户端更新画廊模型?

画廊模型示例:

我的目标是在更改 clientList 时更改“客户端”。

0 投票
1 回答
1397 浏览

angularjs - AngularJS 选择:根据当前表单状态限制 ngOptions

我正在使用 AngularJS 生成用于向函数提交参数的表单。为了使其正常工作,我希望第二个选择元素的可能选项取决于第一个元素上绑定模型的当前值。

例如,第一个元素的选项表示在天、周或月之间选择作为将在提交时生成的数据集的单位。我试图实现的行为是,当在第一个元素中选择给定值时,可用于第二个元素的选项仅限于小于或等于第一个元素中所选单位的任何单位。

例如,如果我选择“天”作为单位,那么可供我选择分组的选项将仅限于“天”。如果我选择“周”,可用选项将扩展到“天”和“周”,并且对于选定的“月”单位,所有 3 个选项都可用于分组。

继承人相关的html:

和随附的控制器:

上面的代码运行良好,但有一个烦人的错误。考虑到为单位选择“月”并且为分组选择“周”的情况,当用户随后将单位的选择更改为不应将“周”作为有效选项的值时,例如“天”,$scope.groupby 的值不会改变,允许用户提交本来应该是无效的表单。

对另一种解决方法有什么建议吗?

PS为你做了一个小提琴http://jsfiddle.net/VCx4y/

0 投票
5 回答
188431 浏览

angularjs - 带有简单数组初始化的 ng-options

我对 Angular 和ng-options.

我有一个简单的数组,我想用它初始化一个选择。但是,我想要那个选项值 = 标签。

脚本.js

html

我得到什么:

我想要的是:

所以我尝试了:

(但它没有用。)

编辑:

我的表单是在外部提交的,这就是为什么我需要 'var1' 作为值而不是 0。

0 投票
1 回答
844 浏览

angularjs - 带有子 select2.js 标记菜单的单选菜单的角度选项

好的,我决定发布,因为我对此感到困惑,而且我有一个截止日期。

哦,仅供参考,我已经阅读了这些页面(以及许多其他页面): http ://docs.angularjs.org/api/ng.directive:select 如何在 AngularJS 的 ng-options 中设置 value 属性?

而且我已经制作了几个 jsfiddle 版本,制作了其中的一半或其他版本,但没有一个能够完全完成。

所以,在一个对话框窗口中,我有一个表单,它有几个选择菜单(不要担心对话框,它是一大堆其他的东西,这使得它更难理解,它只会使这个复杂化)。

我有一个模型,其数据值如下所示:

我需要做的是以角度显示初始选择菜单,它允许您选择事件名称 [Escape The Cape, Wildwood Triathlon],并且该选择菜单中的值是与名称匹配的标签属性。

从该菜单中选择一个选项后,将根据现有的事件值显示第二个菜单,例如:ng-show="event"。

第二个菜单是 select2.js 多选菜单,允许您选择所选事件的一个或多个播放列表。不是任何其他播放列表。也不是 group by,也不需要在 ng-options 中进行 group by。我希望这很容易。

所以,然后,我需要能够添加另一个事件,并重复等等。

例如,事件将绑定到数组 $scope.selectedEvents = []。

这是到目前为止我想出的 HTML,但我被卡住了,这让我在这一点上很恼火。

我发现并使用了一些 jsfiddles 来尝试这样做,但无处可去。 http://jsfiddle.net/jaredwilli/AUPYP/ http://jsfiddle.net/jaredwilli/bjs3g/ http://jsfiddle.net/jaredwilli/7jZXZ/1/

任何关于如何在选择菜单属性中执行 ng-options 查询以解决组合框痛苦的任何见解,我都会非常感激。

谢谢贾里德