问题标签 [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.
angularjs - 是否可以在 Angular ng-options 中连接值
基本上,我试图填充一个选择框,但连接first_name
列和last_name
列中的值。
我想做什么(不起作用):
有什么作用:
javascript - ng-options 不适用于基本情况
我试图通过依赖 ng-options 来构建一个非常简单的选择。
这个看似直截了当的指令未能呈现正确的下拉选项。为什么?
angularjs - Angular.js 使用 ngOptions 选择:标记 optgroup
我刚开始玩 Angular.js 并且有一个关于 ngOptions 的问题:是否可以标记 optgroup?
让我们假设 2 个对象 - 汽车和车库。
使用此代码,我几乎得到了我想要的结果:
选择结果:
但我想将 optgroups 标记为“Garage 1”、“Garage 2”……甚至更好地显示车库的名称,而不仅仅是garageId。
select的angularjs.org 文档没有说明 optgroup 的标签,但我想通过 ngOptions 的一部分来扩展该组,例如group by car.garageId as 'Garage ' + car.garageId
or group by car.garageId as getGarageName(car.garageId)
-遗憾的是它不起作用。
到目前为止,我唯一的解决方案是向汽车对象添加一个新属性“garageDisplayName”,并将 id + 车库名称存储在那里,并将其用作按参数分组。但我不想在车库名称更改时更新所有汽车。
有没有办法用 ngOptions 标记 optgroup,或者在这种情况下我应该使用 ngRepeat 吗?
angularjs - Angularjs如何设置选择的默认值
我有以下对象:
我想遍历这个对象并将其显示为一个选择框。
我想要实现的是默认选择“字符串 2”。但它不起作用。我遇到的问题是 selectedValue 是一个字符串:
从我从文档中了解到的 selectedValue 必须是同一个对象。但不幸的是,这是不可能的。在我的情况下 selectedValue 必须是一个字符串。换句话说我只需要使用选项的名称来操作,我不关心id。我尝试使用 ng-repeat。它甚至可以工作,但显示一个空选项,我认为使用 ng-repeat 不是一个好方法。
任何建议将不胜感激。
angularjs - 如何在 ng-options 中的项目标签上使用 angularJs 过滤器
给定一个加载了产品选项的选择列表,我希望标签的格式为选项名称,然后是括号中的价格。例如:“产品选项 B ($1,432.12)”。我的选项对象具有属性“名称”和“价格”。价格是数字,我希望它使用货币过滤器格式化。我该怎么做?我在想也许是一个接受字符串和数值的自定义过滤器。只是不确定如何在 ng-options 中应用过滤器。
以下代码仅显示名称(而非价格):
angularjs - 量角器测试角度 ng-options
我在我的页面中使用了四个<select>
,ng-options
它将检索不同的信息。它们都是这样的,除了数据绑定、名称和 id 不同:
我如何在量角器中对此进行测试,以确保只有 x(例如 2)名律师返回?
由于我使用ng-options
, find byng-repeat
将不起作用,如果我使用以下搜索,我将<selects>
在我的页面中获得所有四个,而不仅仅是上面的一个(所以如果它们都返回 2 个元素,我将有count()
8 个):
有没有办法检索所有具有某个指定 id 的父元素的元素?
javascript - Angular ng-options 发送数组值
我正在尝试在我编写的简单表单上使用 AngularJS。对 my 使用 ng-options ,但是当表单被验证时,我从选择中收到的值是我在数组中选择的范围,而不是我在表单中选择的实际字符串
这是角代码
javascript - 如何从AngularJS中的父控制器中按ID选择选项
概括
什么是更新的干净方式select
更新子控制器范围中的元素以使所选项目的 ID 与父范围中的 ID 匹配的
细节
我有两个控制器:
OrderController
CustomerController
OrderController
加载订单并将其显示在订单表格上。
CustomerController
是子窗体内的范围OrderController
。它显示了所有客户的列表,默认客户是与订单关联的客户。用户可以编辑所选客户的详细信息或从子表单添加客户权限。
可能的解决方案
到目前为止我已经想到了两个,但似乎都不是很好。
- 在传递给 Order 的 JSON 中包含所有客户的列表
$resource
。这是行不通的,因为用户需要一个完全独立的控制器来更新子表单上的客户。 - 当客户在 CustomerController 中加载时触发一个事件。OrderController 处理该事件,
select
根据其订单的customer_id
属性更新 。这似乎更好,但仍然很老套。
javascript - 选择的 AngularJS 性能
在<select>
. 我创建了一个可以看到问题的小提琴:
选择一个项目需要几秒钟。
有趣的是,该问题仅在第一次选择项目时出现。之后,选择一个项目很快。
为什么?是什么导致了这种缓慢?有解决方法吗?
javascript - ng-repeat vs ng-options 最适合我
我必须在下拉列表中显示 JSON 数据,因为我有两个选项,其中一个选项是使用 ng-repeat,另一个是 ng-options。
ng-重复代码:
在 html 文件中:
并在脚本文件中:
和其他一个 ng-options :
在 html 文件中:
在脚本文件中:
现在我想知道哪一个最适合我的项目以提高性能。请提供任何指导。