Angularjs过滤实际值而不是部分

Question

我正在使用angularJs过滤器来获取两个相关的下拉列表，以过滤第二个下拉列表的选项。

这里的问题是角度部分过滤。它正在考虑黄金和玫瑰金。我的要求是有角度地将它们视为不同的滤液。

我想要的是根据第一个下拉列表中的数据填充第二个下拉列表中的选项。但是当第一个下拉值为黄色时，第二个下拉选项正在显示上升和玫瑰金。我只想填充 gold 。

HTML：

 var myApp = angular.module('myApp', ['ui.directives','ui.filters']);function MyCtrl($scope) {$scope.data=[{color:'gold',name:'name1'},{color:'rose gold',name:'name2'},{color:'cherry gold',name:'name3'},{color:'black',name:'name4'},{color:'gold',name:'name5'},{color:'grey',name:'name6'}];$scope.selectedColorCategory=$scope.data[0];$scope.selectedColor=$scope.selectedColorCategory;}

JS

{{1}}

Here is the fiddle