Angularjs：複数の同じオブジェクトを選択してトラックする

Question

私は複数の選択に問題があります。カテゴリ別にタグを表示したいが、具体的なものがある：タグは1つ以上のカテゴリに属する​​可能性がある。

私の問題は、2つの異なるカテゴリに属する​​タグです。どのようにこれに対処する？私は今のところ持っているものをここで

：

// 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です最初の1つ。 （私は「タグ2」をチェックすると、これは私が持っているものである）：

The plunker

Answer 1

オプションng-model-options="{trackBy: '$value.id'}"は、方法を変更するために使用されるJavascriptをチェックモデル間の平等というselectedTagsとあなたの選択のさまざまな項目。これにより、メモリ内の同じオブジェクトであるかどうかをチェックするのではなく、同一のオブジェクトがあるかどうか比較します。idしかし、あなたのアイテムのうちの2つは同じIDを持つので、チェックされたアイテムは1つのみです（私は2番目のアイテムだけがチェックされ、最初のアイテムはチェックされません。

だから、あなたはそれを削除する必要があります：あなたのplunkerは

<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補正しています。