angularjs筛选ng-按已选择的选项选择

Question

因此，我有一个基于我收到的JSON的md-select。这些选项具有一个"type“属性，我可以对其进行筛选，如下所示：

$scope.data = [
    {name:"1-1",Id:1,type:1},
    {name:"2-2",Id:2,type:2}, 
    {name:"3-2",Id:3,type:2},
    {name:"4-2",Id:4,type:2},
    {name:"5-3",Id:5,type:3},
    {name:"6-3",Id:6,type:3}
];

<md-select multiple class="form-control" ng-model="selectedIds"> 
    <md-option ng-value="item.Id" ng-repeat=""item as (item.Name) for item in data">
        {{item.Name}}">
    </md-option>
</select>

但是我需要的是使用在同一下拉列表中已经选择的选项来筛选显示在select中的选项。因此，如果我选择" 3-2“选项，下拉菜单将只显示"2-2，3-2和4-2”。我怎么能这么做？

Answer 1

可以使用this other question找到解决方案:在更改时，我使用选定的Id使用筛选器获取所选类型，然后将类型用作选项的筛选器。另外，如果没有选择任何选项，则应该将"selectedType“设置为空，否则将按第一个选项的类型进行筛选。

<md-select multiple class="form-control" ng-model="selectedIds"
ng-change="selectedType=(selectedIds.length=0)?'':(data|filter:{Id:selectedIds})[0].type"> 
    <md-option ng-value="item.Id" ng-repeat="item in data | filter : selectedType">
        {{item.Name}}">
    </md-option>
</select>