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

angularjs - Angularjs如何设置选择的默认值

我有以下对象:

我想遍历这个对象并将其显示为一个选择框。

我想要实现的是默认选择“字符串 2”。但它不起作用。我遇到的问题是 selectedValue 是一个字符串:

从我从文档中了解到的 selectedValue 必须是同一个对象。但不幸的是,这是不可能的。在我的情况下 selectedValue 必须是一个字符串。换句话说我只需要使用选项的名称来操作,我不关心id。我尝试使用 ng-repeat。它甚至可以工作,但显示一个空选项,我认为使用 ng-repeat 不是一个好方法。

任何建议将不胜感激。

0 投票
1 回答
633 浏览

javascript - 选择过滤器无法正常工作,Angular js ng-options

您好,
我是 Angular 新手。
在我当前的演示应用程序中,我使用选择过滤器 ng-option 创建了一些用户列表。
有一些我没有找到的错误。
错误:
当我选择女性时,它过滤正常并只显示女性用户
但是当我选择男性选项时,它显示完整列表并且不过滤女性用户。
这是我的代码:
html页面:

控制器页面:

json页面:

提前致谢。

0 投票
2 回答
39182 浏览

javascript - ngOptions "track by" 表达式

我正在尝试使用“track by”表达式在对象数组中按 id 跟踪选择。但是,我似乎无法让它像我认为的那样工作。

因此,根据文档,我认为关于加载的选项指令会看到 serverDTO 具有 1、2 和 3 的“track by”ID,并预先选择了这些。在用户修改选择后,我需要做这样的事情来将数组返回到服务器 -

我对这应该如何工作还有很长的路要走吗?

0 投票
1 回答
8655 浏览

angularjs - 如何在 ng-options 中的项目标签上使用 angularJs 过滤器

给定一个加载了产品选项的选择列表,我希望标签的格式为选项名称,然后是括号中的价格。例如:“产品选项 B ($1,432.12)”。我的选项对象具有属性“名称”和“价格”。价格是数字,我希望它使用货币过滤器格式化。我该怎么做?我在想也许是一个接受字符串和数值的自定义过滤器。只是不确定如何在 ng-options 中应用过滤器。

以下代码仅显示名称(而非价格):

0 投票
1 回答
36 浏览

javascript - 如何确保模型在选项边界内?

我有 2 个由 angularjs 和相关控制器处理的选择。

第二次选择的选项取决于第一次选择中的用户选择。

我有这段代码,如下:

编辑 1:添加过滤器代码片段

Q1)这很好用,除了它有时会在第二次选择中选择一个空的附加选项,具体取决于它具有的先前选择的值。

如何解决这个问题?

Q2) 我需要在做出新选择时执行旧版 javascript 代码。'onchange' 属性是正确的做法,还是有 angularjs 的做法?

编辑 2:$watch 路径探索

我探索了一个在连接到每个选择的模型上使用 $watch 的解决方案,如下所示:

日志没问题,但我被困在这一点有两个原因:

  1. 说阶段的选择和过滤器的执行之间的时间图是什么?
  2. 在哪里以及如何编码来检查器官和症状的值是入站的?
0 投票
4 回答
7399 浏览

angularjs - 以编程方式选择绑定到对象数据源的 ng-options

我有一个绑定到对象的 ng-options 选择。以编程方式设置 ng-model 仅在将其设置为字符串时才能正常工作(更新选择)。如果我将 ng-model 设置为整数,它就不起作用。我真的不想进行这种转换。这是唯一的方法吗?

http://jsfiddle.net/HMjnV/1/

0 投票
2 回答
28474 浏览

angularjs - 如何在angularjs中的选择框选项内进行ng-translate

如何应用 ng-translate 翻译选择框中的选项。
例如:

模板:

控制器:

enUS.json:

我尝试添加过滤器,ng-options="gender.name for gender in genders | translate" 但显然它是将过滤器添加到$scope.genders数组而不是单个元素

我尝试编写自己的过滤器(我是新手)

但我收到以下错误

这似乎是一个简单的任务,但它已经花了我半天的时间,我做错了什么:(

0 投票
0 回答
79 浏览

json - ng-options 不会一直显示在 AngularJS 中

我在加载页面时遇到了一个小问题。有时, myng-options有空白值。我不明白为什么。我可以毫无问题地加载页面 10 次,但我可以加载带有空白值的页面。

但是,返回的 JSON 不为空。总是相同的结果:

服务 :

控制器 :

JSON:

HTML:

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
23861 浏览

javascript - Angularjs - 动态 ng 选项

为了需要我正在编写的指令,我必须动态构造 ng-options 表达式。这是我尝试过的。

在我的指令中:

在我的 html 模板中:

这导致 ng-options 采用正确的表达式“l.name for l in list”,但选项不显示。

请问,有什么想法吗?

0 投票
1 回答
2088 浏览

javascript - ng-options 选择默认值

所以我的问题和这个几乎一样:how to use ng-option to set default value of select element

我无法获得被选中的良好价值。我还尝试了许多使用 ng-init 等的解决方案......

但我不知道如何解决它。

我有这个模型:

我的 HTML 代码:

结果我得到:

所以我应该选择欣斯代尔市……但不,它在第一行(空行)。

我做错了什么??我尝试了很多配置,但仍然无法正常工作

添加小提琴示例:jsfiddle.net/pL44W/5

所以我让它几乎可以用这个小提琴:

http://jsfiddle.net/Tyvain/UuVYL/

  • 可以保存
  • 当我们到达页面时,可以检索良好的价值
  • NOT OK :当我们在列表中选择时看不到该值。

为了保存,mongo 只需要 ville 属性中的 id。但要显示我需要名称属性...

就像我在绕圈跑...