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

时间:2017-02-20 21:34:09

标签: angularjs angular-material

下面的工作就像一个魅力,除非我们有重复的名字     在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”,另一个是“角色名称”。

1 个答案:

答案 0 :(得分:0)

我不熟悉angular-material,但我理解你的问题是,重复的值似乎会在过滤器中出现问题,你实际上可以使用AngularUI中的Unique过滤器

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