javascript - AngularJS 通过匹配 id 访问更多细节

Question

这一定很简单，Angular 可能有一个内置指令来执行此操作，但我想不出如何在不循环遍历数组的情况下执行此操作。

我有一系列选项，即

$scope.colors=[
  {id:"0",label:"blue"},
  {id:"1",label:"red"},
  {id:"2",label:"green"}
]

然后是存储颜色选项 ID 的数据对象，即

$scope.data={
  color:"1",
  otherproperty:""
}

但是当我向用户显示数据时，我想显示标签而不是 id，那么有没有一种简单( Angular )的方法可以做到这一点？:

{{data.color.label}}

Answer 1

Angular 的方法是使用 ng-repeat & filter，你仍然在数组上循环，但所有选项都需要某种循环，即

<div ng-repeat="color in colors | filter:{ 'id':  data.color}:true">
  {{ color.label }}
</div>

如上设置Filter strict comparison为'true'只会选择完全匹配的id

https://jsfiddle.net/sjmcpherso/wztunyr5/