问题标签 [angularjs-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 回答
900 浏览

javascript - Angularjs选择没有选择

这似乎是我正在寻找的一件非常简单的事情,而我在 SO 或其他任何地方都找不到任何东西的事实让我认为我一定错过了一些非常明显的东西,但到目前为止我很困惑。我的问题是;有没有什么办法,当使用 ng-options 设置的选择框时,将列表设置为无选择(即 selectedIndex = -1)?我有一个选择框设置为非下拉菜单,我希望能够显示没有选择任何内容的列表。

我正在添加我在下面使用的代码,但我相信这是非常标准的东西。curSearchResults 数组是从服务器填充的。我不包括这里,因为它工作正常。我尝试在获取列表后将 selSearchRslt 设置为 null 并返回到新的 searchRslt() ,但两者都在列表顶部留下了一个空白选项。我习惯了根据需要将选择框设置为无选择非常简单......

在控制器:

在标记中:

这是对以下评论的回应:

我阅读了您提到的问题,并且确实在文档中看到了有关向标记添加选项的内容,但这与将所选索引设置为 -1 的结果不同。相反,它在我的列表中添加了一个未使用的选项。特别是当列表不显示为下拉列表时,我发现这个解决方案在 UI 方面非常笨拙。我不想要那个额外的选择。我只想要我实际要使用的选项,但没有选择。如果答案是我不能这样做,那很好,但是添加一个未使用的选项肯定与将 selectedIndex 设置为 -1 不同。

此外,我不是在寻找设置默认选项的方法,而是在寻找不选择任何选项的方法。我不明白这如何被视为同一件事。我发现设置默认选择非常容易。我永远不会发布有关此的问题。我还没有找到任何提供没有选择的方法。如果我在这里遗漏了一些东西并且已经完全脑死亡,请接受我的道歉,但我看不出所提到的问题是如何回答这个问题的。

0 投票
2 回答
1296 浏览

javascript - AngularJS 中对象保留键/值关联的按字母顺序排列选项

我需要的是能够通过文本对选择元素的子选项节点进行排序,同时保持它们的值关联。我可以让他们按字母顺序排列并与他们的键解除关联,或者我可以在不按字母顺序排列的情况下关联他们的键。

我知道有一种直接访问 JSON 的方法,但这是一个分阶段的实现,该功能将在稍后推出。现在,我必须通过前置脚本块加载 json,直到MyInterface.js加载应用程序脚本。

我研究了自定义过滤器,但这就是与键分离的来源。如果 JSON 需要采用完全不同的格式,我愿意采用它。

这就是我所拥有的...

HTML

我的界面.js

本质上,选择需要具有的选项是:

包含已接受答案的更改

HTML

我的界面.js

0 投票
2 回答
644 浏览

angularjs - 角度:ng-options 的奇怪行为

我偶然发现了一个关于 ng-options 的奇怪问题。考虑一个简单的选择:

在控制器中分配模型值的位置:

这很好用;选择元素显示 3。但是,如果分配延迟

选择显示为空白。但前提是模型值是列表中的最后一个选项!换句话说,这很好用:

然后选择元素显示 2。与 1 相同。但 3 显示为空白。

什么?

这是一个演示

这是 angular 1.2.26 出现的问题。早期版本还可以(您可以通过更改 plunk 使用的角度版本来亲自查看)。

但是我的项目有各种依赖项,bower 不断将我的角度推到 1.2.29。有人知道我如何解决这个问题吗?

0 投票
1 回答
2324 浏览

javascript - 使用 ng-init 初始化模型时,默认选择在 ngoptions 中不起作用

我有一个级联选择,第二个下拉列表基于第一个下拉选择出现​​。出现一个额外的空白选项,它不是下拉列表的预期行为的一部分。

如何避免出现在下拉列表中的空额外选择?

在此处输入图像描述

我的级联下拉列表的代码是

0 投票
1 回答
352 浏览

javascript - ng-options 的值和标签相等时的错误?

如果我在 $scope.$watch 语句中设置 ng-options,我会遇到问题。

以下作品: <select ... ng-options="x.val as x.id for x in options"></select>

但这不会: <select ... ng-options="x.val as x.val for x in options"></select>

Plunker 显示我的问题 - 单击“更新选项”

似乎如果模型的值是在选项之前设置的,并且标签和值是等效的,那么模型将不会匹配任何可用的选项。

这是一个错误,还是我做错了什么?

示例控制器代码:

示例视图:

当手表触发并且选项更新时,选择将显示空白或默认选项,而不是预期的“两个”。但是,如果标签和值不同(甚至略有不同),一切都会按预期工作

0 投票
12 回答
69236 浏览

angularjs - Angularjs ng-options using number for model does not select initial value

I'm trying to use ng-options with a <select> to bind a numeric integer value to a list of corresponding options. In my controller, I have something like this:

HTML:

And here's a jsFiddle demonstrating the problem, and some other approaches I've taken but am not happy with.

The select option is being initialized with an empty value, instead of "mV" as expected in this example. The binding seems to work fine if you select a different option -- selectedUnitOrdinal updates properly.

I've noticed that if you set the initial model value to a string instead of a number, then the initial selection works (see #3 in the fiddle).

I really would like ng-options to play nice with numeric option values. How can I achieve this elegantly?

0 投票
1 回答
1102 浏览

angularjs - ng-repeat 中的 ng-options(具有相似外观的对象)意外行为,怪异行为

这是我的第一个 stackoverflow 问题,因此我们将不胜感激。我正在开发一个有角度的应用程序,在一个 ui 部分,用户有机会选择多个可以重复的不同选择。例如

列表中的设备列表。用户可以创建多个,它们甚至可以是相同的类型。

工作小提琴:http: //jsfiddle.net/mrafaqi/dpLd85ep/5/

这段代码对应的javascript是

现在,问题是我不能选择具有不同属性的相同设备。生成此行为

  1. 单击添加更多按钮两次或更多次(创建至少 2 个设备)
  2. 在第一个和第二个组合框中选择球杆
  3. 在第三个组合框中选择任何其他设备
  4. 现在,如果您尝试单击gymstick 的单选按钮,它也会更新我不想要的其他项目的值。这似乎是一些有角度的行为。我尝试使用 $index (t.id 试图破解它)。任何帮助将不胜感激 :)
0 投票
1 回答
979 浏览

angularjs-scope - AngularJS 不更新选择的选项

我有以下问题。在我的控制器中,我有这个变量:

在我看来,我有这个选择

我有类似的选择可以完美地工作,但这不起作用,如果我在模型中选择第二个选项,旧值仍然处于选中状态,但在资源管理器中,我将第二个选项视为已选中。

在萤火虫中,我正在查看此输出

我该如何解决?

谢谢

0 投票
1 回答
893 浏览

javascript - 在选择标签中重定向 ng-change

我如何在下面的代码中传递 groupId

0 投票
1 回答
212 浏览

javascript -