在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>