在Angularjs中同步md-optgroup和md-options

Question

下面的工作就像一個魅力，除非我們在md-optgroup的其中一個值中顯示重複名稱 （我們正在按名稱顯示並過濾這些組）。 有沒有辦法避免這種情況？

<md-option ng-value></md-option> 
    <md-optgroup label = "{{groupName}}" ng-repeat = "groupName in $ctrl.Names"> 
      <md-option ng-value="rEntry" ng-repeat="rEntry in $ctrl.rList | filter: {rName: groupName} ">{{ $ctrl.formattedREntry(rEntry) }}</md-option> 
    </md-optgroup> 

更新：只是一個細節，似乎屬於一個特定groupName的值之一落入另一個組;組名只會延遲最後一個字符：一個是「角色名稱1」，另一個是「角色名稱」。

Answer 1

我不熟悉angular-material但我明白你的問題至極被複製出現，使在過濾問題，你實際上可以從AngularUI

運用獨特的過濾器值

<md-option ng-value></md-option> 
<md-optgroup label = "{{groupName}}" ng-repeat = "groupName in $ctrl.Names"> 
     <md-option ng-value="rEntry" ng-repeat="rEntry in $ctrl.rList | filter: {rName: groupName} | unique:'groupName'"">{{ $ctrl.formattedREntry(rEntry) }}</md-option> 
</md-optgroup>