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

angularjs - AngularJS ng 选项

我在 AngularJS 中有这个选择:

我喜欢将两个值都保存在范围内,但我只保存一个值。

任何形式来保存这两个值?

谢谢!!!

0 投票
1 回答
8285 浏览

angularjs - ng-options 基于所选值的过滤器

我必须编写一个指令来编辑应用程序的标签。

每种文化(例如:en-US)每个属性最多可以有 4 个标签,这些标签包含在一个表中:

这是我的控制器功能:

到目前为止,我已经能够根据文化过滤 ng-repeat。

但是对于我的 ng-options,我必须过滤已经使用的字符串。但我还必须保持选择当前值。如何告诉我的过滤器某些值不应该被过滤,因为它是当前选择的值?

编辑

现在,我可以接收选定的值,但我不能再接收我的后缀了

0 投票
1 回答
696 浏览

javascript - 使用AngularJS中的ngOptions隐藏其他列表中的选定选项

希望有人可以帮助应对这一挑战。

我在两个构建单独的下拉列表中使用了 1 个机场阵列。

这两个列表显然具有相同的选项。我想做的是当您选择例如"Sydney"在来源中时,"Sydney"从目标下拉列表中删除。

作为参考,这是机场数据的示例。

我知道我很可能需要两个单独的数组(1 个用于起点,1 个用于目的地),只是不知道如何处理它。

谢谢!

0 投票
1 回答
1512 浏览

angularjs - Angular ng-options 将“选择”部分映射到不同的模型属性

我正在尝试使用 ng-options 来选择角色。

我有如下所示的角色对象:

然后是来自服务器的选择选项列表,如下所示:

目前,我将此选择字段绑定到控制器上派对的角色属性。

它正确翻译了选项,但所选值 (o) 没有匹配的属性,因此绑定不起作用。有什么方法可以使用 ng-options 将值映射到 Id,并将文本映射到名称?

谢谢!

0 投票
4 回答
3269 浏览

angularjs - ng-options 没有选择选项数组中的最后一项

我有一个奇怪的问题,我无法在 Plunker 上重现。在模型中设置第一个选项“用户”时,选择会正确显示它并设置为“用户”。当我用角色加载另一个用户时:'admin',选择设置为空白选项。

在我的控制器中,我定义:

我的 $scope.user 对象如下所示:

在我看来:

当我反转角色数组$scope.roles = ['admin', 'user'];时,管理员会正确显示,并且不会将“用户”设置为选中状态。

奇怪的是,如果我将第三个项目添加到数组中$scope.roles = ['user', 'admin', 'joe'];,那么前两个“用户”和“管理员”将被正确设置,而最后一个“乔”则不会。

有任何想法吗?

- - 更新 - -

生成的选择标记如下所示:

0 投票
2 回答
10046 浏览

javascript - AngularJS ng-option 获取索引

我正在我正在处理的项目中制作播放列表选项,并且我正在尝试获取列表中所有视频的下拉列表。

这很容易

但这显示了 ID 的下拉列表,但现在我希望它显示列表 +1 中的位置;

因此,在播放视频 5/15 时,下拉菜单应显示 1 到 15(所以不是 0 到 14)并且应该选择 5。

关于如何做到这一点的任何想法?

0 投票
0 回答
43 浏览

angularjs - ngOptions 预选选项不起作用

说我们有这个代码:

如您所见,播放列表中有一些视频,并且该列表中有一个视频对象。比它通过找到的索引设置一些值,例如current video indexand 。current video

但是当我执行以下操作时:

它没有选择我的视频,我通过 ID、索引等尝试了它,但似乎没有一个能满足我的要求。

任何线索为什么?

0 投票
0 回答
32 浏览

javascript - 如何删除自动附加到 angularjs 中选择标签模型的空元素?

我有一个带有 ng-model 和 ng-options 的 select 标签。单击另一个按钮,我需要清除 ng-options 数组并用另一组值填充它,并将数组的第一个元素设置为 ng-model。

但是,当我清除 ng-options 数组时,会自动附加一个空值,这是由 angularjs 默认完成的。然而,即使在使用新值填充数组并重新分配 ng 模型之后,选择仍会显示空元素。

0 投票
1 回答
430 浏览

angularjs - 无法访问 ng-repeat 中的 ng-options 选项

我希望能够访问 ng-repeat 内的 ng-options 中的一组选择选项,但是 ng-repeat 创建了一个新范围,我无法再访问它。有没有办法解决这个问题而不将其添加到重复数据中?

模板:

JS:

普朗克

0 投票
2 回答
1380 浏览

javascript - 异步 ngOptions

老实说,我不知道我在 Angular 中在做什么,所以这可能是糟糕的编码实践。无论如何,我正在尝试将一些数据<select>异步加载到元素中。

这是模板 HTML:

这是控制器(模板的控制器是来自 $routeProvider 的 HomeCtrl)

从 user.getAdvertisers() 返回的数据如下所示:

[{name:'aaaa', id:0}, {name:'bbbb', id:1}];

最后,这里是 userService

我试过使用 $timeout、$scope.$apply、$scope.$evalAsync ......我几乎没有想法。我根本无法在选择中显示任何数据。任何帮助将不胜感激!谢谢。