ng-repeat（key、value）でmd-chipを使用する方法

Question

（key、value）のフレーバーを使用する場合、ng-repeatでmd-chipを使用しようとしています。

<md-content class="md-padding" layout="column" ng-repeat="(key,value) in items"> 
    <md-chips ng-model="???" name="fruitName" readonly="true" md-removable="" md-max-chips="5"> 
     <md-chip-template> 
      <strong>{{key}} :{{value}}</strong> 
     </md-chip-template> 
    </md-chips> 
</md-content> 

（私はng-modelに何をするか分からない）：ください。
はここに事前に
編集
をありがとうたとえば{ 'A'： '1'、 'B'： '2'、 'C​​'： '3'}のための私のJSONデータである

<md-chips class="custom-chips" ng-model="ctrl.vegObjs" readonly="true"> 
     <md-chip-template> 
      <span> 
      <strong> {{$chip}} </strong> 
     </span> 
     </md-chip-template> 
    </md-chips> 

私は{"a"： "1"} {"b"： "2"} {"c"： "3"}でも構いませんが、

Answer 1

にfruitNameを持つことができcodepen

Answer 2

fruitNameの値を同じキーで保存する別のオブジェクトを作成することができます。あなたは以下にあなたのJSONの構造を変更することができるかどう

$scope.fruitNames = {}; //inside controller. 

<md-content class="md-padding" layout="column" ng-repeat="(key,value) in items"> 
    <md-chips ng-model="fruitNames[key]" name="fruitName" readonly="true" md-removable="" md-max-chips="5"> 
     <md-chip-template> 
      <strong>{{key}} :{{value}}</strong> 
     </md-chip-template> 
    </md-chips> 
</md-content> 

---

もっと便利な方法は次のようになります。その後、各レコードレベル

[ 
    {id: 'a', value: 1}, 
    {id: 'b', value: 2}, 
    {id: 'c', value: 3}, 
    ... 
] 

マークアップ

<md-content class="md-padding" layout="column" ng-repeat="item in items"> 
    <md-chips ng-model="item.fruitName" name="fruitName" readonly="true" md-removable="" md-max-chips="5"> 
     <md-chip-template> 
      <strong>{{item.id}} :{{item.value}}</strong> 
     </md-chip-template> 
    </md-chips> 
</md-content>