问题标签 [ng-options]

我一直在尝试使用ng-options按数组中项目的值按字母顺序排序的选择中显示字体数组。

HTML

JS

我已经尝试更改 inorderBy和其他内容的值。我已经阅读了文档和所有评论。

我错过了什么？这应该只适用于对象吗？

在我的 javascript 中，我有一个数组

而且我正在尝试制作一个仅显示唯一 quoteNumbers 的选择器，即。ING-70440-21 和 ING-70440-01。但是，当我尝试在 Angular 中使用“唯一”选项时，什么都没有出现。

没有唯一标签它可以正常工作。我究竟做错了什么？我对角度很陌生，所以它可能非常简单。

我有这种一级树情况：

json在哪里：

问题是这会创建带有孩子的 optgroup，但也会重复根源：

我想制作：

我有以下选择列表：

以上生成了所有可用角色的列表。我需要在呈现表单时预先选择用户所属的角色。我可以为 分配一个角色userRoles，但如果我尝试创建一个数组并将与用户关联的角色推送到该数组中，则不会选择任何项目。

我创建了一个 jsBin 让您使用非工作解决方案（并希望修复它）：http://jsbin.com/icoSoj/1/edit?html,js, output

谢谢！

我需要使用 ng-options 遍历以下对象：

我从第 3 方资源中以这种格式获取此对象，我不想手动重新排列它。

我已经进行了谷歌搜索，并查看了文档，它仅处理列表和对象列表。

我在使用带有过滤器的 ng-options 时遇到问题。

问题是当一个选项被过滤器移除时，选择元素的模型会保留被移除选项的值。

这是一个笨蛋。我有两个过滤器正在处理 ng-options 集。一种是从选项列表中删除重复项，另一种是删除空值。按照这些步骤，您可以看到我所说的问题。

1. 在“首选电子邮件”下拉列表中，选择最后一个电子邮件选项“jimbob@yahoob.com”。
2. 删除“Other Email”输入框中的文字。

您现在可以看到，因为“其他电子邮件”为空，它不再是可用选项，并且下拉菜单默认为“请选择首选电子邮件”。但是，选择元素的模型仍然具有分配给它的对象。

相同的问题不同的上下文。

1. 在“首选电子邮件”下拉列表中，选择“jimbob@yahooz.com”选项。
2. 现在删除“jimbob@yahooz.com”中的“z”

这样做后，两个输入框中的值（“电子邮件”和“家庭电子邮件”）会重复，第二个（“家庭电子邮件”）会从可用选项中过滤掉。但是，刚刚过滤的对象仍然分配给模型。

编辑：我的解决方案（谁能做得更好？）

这里（plunker）是我能想到的最好的。我是 Angular 的新手，不禁认为有更好的方法可以做到这一点，我认为这个解决方案“不好”但它有效。

本质上，我将对范围（this.contact）的引用以及我正在使用的默认项目的名称（'default_email'或'default_phone'）传递给过滤器。如果过滤器正在从选项集中删除一个项目，它会检查它是否是默认值，如果是，则将默认值设置为未定义。

我还添加了更多代码，以获得更多关于我正在努力的内容。

我已经搜索了几个小时，但我似乎无法在任何地方找到我的问题的答案。我记得我之前能够实现它，但由于某种原因我丢失了代码，而且我似乎不记得我做了什么让它工作。

我正在尝试使用 ng-options 在选择框中显示数组中的数据。那个我没有问题。我需要实现的是只有某些数组值会显示/包含在选择框中。

我的数据如下：

我的 HTML 看起来像：

所以我想要发生的是，如果属性“active”的值为 false，那么这是数组项唯一一次显示/包含在选择列表中。我尝试了过滤器属性的不同排列，但似乎都没有。

我知道我可以轻松地在标签中使用 ng-repeat 并使用 ng-show 但我记得在某处（再次，我找不到在哪里）读到它不是实现它的正确方法并且使用 ng-options 是正确的方法。

我真的很确定我以前能够在没有创建自定义 javascript 过滤器的情况下做到这一点，但是对于我的生活，我不记得我是如何做到的。我希望有人可以

希望有人可以帮助我，因为我没有想法。

更新：

伟大的斯科特，我想我明白了。

代替：

它应该是：

这只是使用的等号的数量。掌心

谢谢大家的回复。

我有一个由 ng-options 生成的选择列表。我的意图是创建功能，人们可以在其中查看列表及其项目、创建新列表等。我突然想到，与其制作带有文本“创建新列表”的按钮，不如从选择列表中选择并清空选项，然后选择列表将变成一个表单（带有指令）。

我想知道以下几点：

是否可以将自定义选项添加到已建立的 ng-options 列表中？例如：

我有一个问题，我需要发布表的 id 字段以更新数据库中记录的外键，但我正在使用该ng-options属性来填充选择的选项。我在网上搜索，发现要设置我必须用来ng-model="dataSet.desiredColumnName"将值更改为我选择的任何其他列的值

所以我有这段 html 供选择；

问题是，我想根据我的 html 表中的哪一行被点击来选择一个特定的选项。该表是这样定义的；

而invokeModal 使用选中的行来确定在select#affiliation 中选择哪个选项；

我的问题是它似乎在选择的开头添加了一个空选项并选择了该选项。. .wtf？

I have the following code:

Where a protocol has this structure:

In $scope.form I am setting the ProtocolId, which is what I need to submit the form. But I would like to show the description of the Protocol to the user when they select it. Sort of like {{selectedProtocol.Description}}. Except I don't have a selectedProtocol as I'm only selecting the id.

Is there a way to get the actual selected Protocol here? I could write a method to track the change of a selected Protocol and then in my controller set the form.ProtocolId, but I wonder if there is a simpler way...