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

angularjs - 是否可以在 Angular ng-options 中连接值

基本上,我试图填充一个选择框,但连接first_name列和last_name列中的值。

我想做什么(不起作用):

有什么作用:

0 投票
1 回答
26 浏览

javascript - ng-options 不适用于基本情况

我试图通过依赖 ng-options 来构建一个非常简单的选择。

这个看似直截了当的指令未能呈现正确的下拉选项。为什么?

plunk:http ://plnkr.co/edit/PDmtUn2zBs2329PkHYiF?p=info

0 投票
1 回答
7782 浏览

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.garageIdor group by car.garageId as getGarageName(car.garageId)-遗憾的是它不起作用

到目前为止,我唯一的解决方案是向汽车对象添加一个新属性“garageDisplayName”,并将 id + 车库名称存储在那里,并将其用作按参数分组。但我不想在车库名称更改时更新所有汽车。

有没有办法用 ngOptions 标记 optgroup,或者在这种情况下我应该使用 ngRepeat 吗?

0 投票
4 回答
5311 浏览

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

我有以下对象:

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

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

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

任何建议将不胜感激。

0 投票
1 回答
8655 浏览

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

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

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

0 投票
2 回答
1697 浏览

angularjs - 量角器测试角度 ng-options

我在我的页面中使用了四个<select>ng-options它将检索不同的信息。它们都是这样的,除了数据绑定、名称和 id 不同:

我如何在量角器中对此进行测试,以确保只有 x(例如 2)名律师返回?

由于我使用ng-options, find byng-repeat将不起作用,如果我使用以下搜索,我将<selects>在我的页面中获得所有四个,而不仅仅是上面的一个(所以如果它们都返回 2 个元素,我将有count()8 个):

有没有办法检索所有具有某个指定 id 的父元素的元素?

0 投票
2 回答
945 浏览

javascript - Angular ng-options 发送数组值

我正在尝试在我编写的简单表单上使用 AngularJS。对 my 使用 ng-options ,但是当表单被验证时,我从选择中收到的值是我在数组中选择的范围,而不是我在表单中选择的实际字符串

这是角代码

0 投票
2 回答
120 浏览

javascript - 如何从AngularJS中的父控制器中按ID选择选项

概括

什么是更新的干净方式select更新子控制器范围中的元素以使所选项目的 ID 与父范围中的 ID 匹配的

细节

我有两个控制器:

  • OrderController
  • CustomerController

OrderController加载订单并将其显示在订单表格上。

CustomerController是子窗体内的范围OrderController。它显示了所有客户的列表,默认客户是与订单关联的客户。用户可以编辑所选客户的详细信息或从子表单添加客户权限。

可能的解决方案

到目前为止我已经想到了两个,但似乎都不是很好。

  1. 在传递给 Order 的 JSON 中包含所有客户的列表$resource。这是行不通的,因为用户需要一个完全独立的控制器来更新子表单上的客户。
  2. 当客户在 CustomerController 中加载时触发一个事件。OrderController 处理该事件,select根据其订单的customer_id属性更新 。这似乎更好,但仍然很老套。
0 投票
1 回答
674 浏览

javascript - 选择的 AngularJS 性能

<select>. 我创建了一个可以看到问题的小提琴:

http://jsfiddle.net/2W7Kx/1/

选择一个项目需要几秒钟。

有趣的是,该问题仅在第一次选择项目时出现。之后,选择一个项目很快。

为什么?是什么导致了这种缓慢?有解决方法吗?

0 投票
3 回答
13832 浏览

javascript - ng-repeat vs ng-options 最适合我

我必须在下拉列表中显示 JSON 数据,因为我有两个选项,其中一个选项是使用 ng-repeat,另一个是 ng-options。

ng-重复代码:

在 html 文件中:

并在脚本文件中:

和其他一个 ng-options :

在 html 文件中:

在脚本文件中:

现在我想知道哪一个最适合我的项目以提高性能。请提供任何指导。