Angularjs：跟踪多个选择相同的对象

Question

我有一个多重选择的问题。我想按类别显示标签，但有一些具体的内容：标签可能属于一个或多个类别。

我的问题是在两个不同类别的标签。如何处理这个？

在这里我有什么现在：

// vm.tagCategories 
[ 
    { 
    "id":1, 
    "name":"category 1", 
    "description":"category 1", 
    "tags": 
     [ 
     {"id":1, 
     "name":"tag 1", 
     "description":"test" 
     } 
     ] 
    }, 
    { 
    "id":3, 
    "name":"category 2", 
    "description":"category 2", 
    "tags": 
     [ 
     { 
      "id":1, 
      "name":"tag 1", 
      "description":"test" 
     }, 
     { 
      "id":2, 
      "name":"tag 2", 
      "description":"test 2" 
     } 
     ] 
    } 
] 

<md-input-container class="md-block"> 
     <label>Tags</label> 

     <md-select ng-model="vm.selectedTags" ng-model-options="{trackBy: '$value.id'}" multiple> 
      <md-optgroup label="{{currentCategories.name}}" ng-repeat="currentCategories in vm.tagCategories"> 
       <md-option ng-value="{{value}}" ng-repeat="(key, tag) in currentCategories">{{tag.name}}</md-option> 
      </md-optgroup> 
     </md-select> 
    </md-input-container> 

当我在第1类检查标签2，它在2类标签2，它被选中，但不第一个。 （如果我检查“标签2”，这是我）：

The plunker

Answer 1

选项ng-model-options="{trackBy: '$value.id'}"是用来改变的方式，的Javascript检查你的模型之间的平等selectedTags和您选择的不同项目。有了这个，它不会检查它们是否是内存中的相同对象，而是比较它们是否具有相同的id。但是，你的两个项目有相同的ID，所以只有一个被检查（我不知道为什么只有第二个被检查，而不是第一个或两个）。

因此，您只需将其删除：

<md-select ng-model="selectedTags" placeholder="Select an Option" multiple> 
    <md-optgroup label="{{item.name}}" ng-repeat="item in tagCategories"> 
     <md-option ng-value="value" ng-repeat="(key, value) in item.tags">{{value.name}}</md-option> 
    </md-optgroup> 
</md-select> 

Here是您的plunker纠正。