Javascript AngularJS的ng选项

我有一个对象数组，例如：

[Object{id=“121”，name=“Planes”}，Object{id=“212”，name=“bus”}，Object{id=“210”，name=“Cars”}，…]

我希望它显示在选择框中，例如：

<select....>
<option value="121"...>Planes</option>
<option value="212"...>Buses</option>
<option value="210"...>Cars</option>
</select>

飞机
公共汽车
汽车

但如果我使用以下代码：

 <select.... ng-options="category.id as category.name for category in categories" .....

---

角度使用数值作为选择中的选项值，但您可以使用ng模型跟踪选择值

您可以尝试（取决于角度版本）使用

track by

将正确的值输入select<代码>按类别跟踪.id在您的情况下可能是这样

也检查一下

---

编辑：这个问题也差不多。有人在下面为您发布了一个提琴，所以我现在不做了。

Angular在selects中使用数值作为选项值，但您可以使用ng模型跟踪select值

您可以尝试（取决于角度版本）使用

track by

将正确的值输入select<代码>按类别跟踪.id在您的情况下可能是这样

也检查一下

---

编辑：这个问题也差不多。有人在下面为您发布了一个提琴，所以我现在不做了。

Angular在selects中使用数值作为选项值，但您可以使用ng模型跟踪select值

您可以尝试（取决于角度版本）使用

track by

将正确的值输入select<代码>按类别跟踪.id在您的情况下可能是这样

也检查一下

---

编辑：这个问题也差不多。有人在下面为您发布了一个提琴，所以我现在不做了。

Angular在selects中使用数值作为选项值，但您可以使用ng模型跟踪select值

您可以尝试（取决于角度版本）使用

track by

将正确的值输入select<代码>按类别跟踪.id在您的情况下可能是这样

也检查一下

---

编辑：这个问题也差不多。有人在下面为你贴了一把小提琴，所以我现在不做了。

使用ng options指令中的track by选项

<select ng-options="category as category.name for category in categories track by category.id" ng-model="category"></select>

---

我为您做了一个选择

使用ng options指令中的“跟踪方式”选项

<select ng-options="category as category.name for category in categories track by category.id" ng-model="category"></select>

---

我为您做了一个选择

使用ng options指令中的“跟踪方式”选项

<select ng-options="category as category.name for category in categories track by category.id" ng-model="category"></select>

---

我为您做了一个选择

使用ng options指令中的“跟踪方式”选项

<select ng-options="category as category.name for category in categories track by category.id" ng-model="category"></select>

---

我为您做了一个测试，渲染的

中的值可能不正确，但这并不重要，因为ng模型值将是所选类别的id

---

请参阅：

呈现的

中的值可能不正确，但这并不重要，因为ng模型值将是所选类别的id

---

请参阅：

呈现的

中的值可能不正确，但这并不重要，因为ng模型值将是所选类别的id

---

请参阅：

呈现的

中的值可能不正确，但这并不重要，因为ng模型值将是所选类别的id

---

请参阅：

谢谢，这非常有用，有助于我的理解。我可以通过你的提琴看到angularjs的正确身份证。但是，这个实现的一个问题是（我确信有一个解决方案）如果这个select是常规html表单的一部分，那么提交的id就不正确了。但是，在使用angular时，为什么要使用“常规表单提交”？您知道使用ng模型和ng提交的“角度表单提交”吗？这是实现此功能的标准方法。请看：谢谢，这非常有用，有助于我的理解。我可以通过你的提琴看到angularjs的正确身份证。但是，这个实现的一个问题是（我确信有一个解决方案）如果这个select是常规html表单的一部分，那么提交的id就不正确了。但是，在使用angular时，为什么要使用“常规表单提交”？您知道使用ng模型和ng提交的“角度表单提交”吗？这是实现此功能的标准方法。请看：谢谢，这非常有用，有助于我的理解。我可以通过你的提琴看到angularjs的正确身份证。但是，这个实现的一个问题是（我确信有一个解决方案）如果这个select是常规html表单的一部分，那么提交的id就不正确了。但是，在使用angular时，为什么要使用“常规表单提交”？您知道使用ng模型和ng提交的“角度表单提交”吗？这是实现此功能的标准方法。请看：谢谢，这非常有用，有助于我的理解。我可以通过你的提琴看到angularjs的正确身份证。但是，这个实现的一个问题是（我确信有一个解决方案）如果这个select是常规html表单的一部分，那么提交的id就不正确了。但是，在使用angular时，为什么要使用“常规表单提交”？您知道使用ng模型和ng提交的“角度表单提交”吗？这是实现此功能的标准方法。看：谢谢，这很有效。将“category.id作为category.name…”改为“category作为category.name…”就行了。非常感谢。谢谢，这非常有效。将“category.id作为category.name…”改为“category作为category.name…”就行了。非常感谢。谢谢，这非常有效。将“category.id作为category.name…”改为“category作为category.name…”就行了。非常感谢。谢谢，这非常有效。将“category.id作为category.name…”改为“category作为category.name…”就行了。非常感谢。