问题标签 [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 - Angularjs如何设置选择的默认值
我有以下对象:
我想遍历这个对象并将其显示为一个选择框。
我想要实现的是默认选择“字符串 2”。但它不起作用。我遇到的问题是 selectedValue 是一个字符串:
从我从文档中了解到的 selectedValue 必须是同一个对象。但不幸的是,这是不可能的。在我的情况下 selectedValue 必须是一个字符串。换句话说我只需要使用选项的名称来操作,我不关心id。我尝试使用 ng-repeat。它甚至可以工作,但显示一个空选项,我认为使用 ng-repeat 不是一个好方法。
任何建议将不胜感激。
javascript - 选择过滤器无法正常工作,Angular js ng-options
您好,
我是 Angular 新手。
在我当前的演示应用程序中,我使用选择过滤器 ng-option 创建了一些用户列表。
有一些我没有找到的错误。
错误:
当我选择女性时,它过滤正常并只显示女性用户
但是当我选择男性选项时,它显示完整列表并且不过滤女性用户。
这是我的代码:
html页面:
控制器页面:
json页面:
提前致谢。
javascript - ngOptions "track by" 表达式
我正在尝试使用“track by”表达式在对象数组中按 id 跟踪选择。但是,我似乎无法让它像我认为的那样工作。
因此,根据文档,我认为关于加载的选项指令会看到 serverDTO 具有 1、2 和 3 的“track by”ID,并预先选择了这些。在用户修改选择后,我需要做这样的事情来将数组返回到服务器 -
我对这应该如何工作还有很长的路要走吗?
angularjs - 如何在 ng-options 中的项目标签上使用 angularJs 过滤器
给定一个加载了产品选项的选择列表,我希望标签的格式为选项名称,然后是括号中的价格。例如:“产品选项 B ($1,432.12)”。我的选项对象具有属性“名称”和“价格”。价格是数字,我希望它使用货币过滤器格式化。我该怎么做?我在想也许是一个接受字符串和数值的自定义过滤器。只是不确定如何在 ng-options 中应用过滤器。
以下代码仅显示名称(而非价格):
javascript - 如何确保模型在选项边界内?
我有 2 个由 angularjs 和相关控制器处理的选择。
第二次选择的选项取决于第一次选择中的用户选择。
我有这段代码,如下:
编辑 1:添加过滤器代码片段
Q1)这很好用,除了它有时会在第二次选择中选择一个空的附加选项,具体取决于它具有的先前选择的值。
如何解决这个问题?
Q2) 我需要在做出新选择时执行旧版 javascript 代码。'onchange' 属性是正确的做法,还是有 angularjs 的做法?
编辑 2:$watch 路径探索
我探索了一个在连接到每个选择的模型上使用 $watch 的解决方案,如下所示:
日志没问题,但我被困在这一点有两个原因:
- 说阶段的选择和过滤器的执行之间的时间图是什么?
- 在哪里以及如何编码来检查器官和症状的值是入站的?
angularjs - 以编程方式选择绑定到对象数据源的 ng-options
我有一个绑定到对象的 ng-options 选择。以编程方式设置 ng-model 仅在将其设置为字符串时才能正常工作(更新选择)。如果我将 ng-model 设置为整数,它就不起作用。我真的不想进行这种转换。这是唯一的方法吗?
angularjs - 如何在angularjs中的选择框选项内进行ng-translate
如何应用 ng-translate 翻译选择框中的选项。
例如:
模板:
控制器:
enUS.json:
我尝试添加过滤器,ng-options="gender.name for gender in genders | translate"
但显然它是将过滤器添加到$scope.genders
数组而不是单个元素
我尝试编写自己的过滤器(我是新手)
但我收到以下错误
这似乎是一个简单的任务,但它已经花了我半天的时间,我做错了什么:(
json - ng-options 不会一直显示在 AngularJS 中
我在加载页面时遇到了一个小问题。有时, myng-options
有空白值。我不明白为什么。我可以毫无问题地加载页面 10 次,但我可以加载带有空白值的页面。
但是,返回的 JSON 不为空。总是相同的结果:
服务 :
控制器 :
JSON:
HTML:
javascript - Angularjs - 动态 ng 选项
为了需要我正在编写的指令,我必须动态构造 ng-options 表达式。这是我尝试过的。
在我的指令中:
在我的 html 模板中:
这导致 ng-options 采用正确的表达式“l.name for l in list”,但选项不显示。
请问,有什么想法吗?
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。但要显示我需要名称属性...
就像我在绕圈跑...