如何使用具有ng-repeat的md-chips（key，value）

Question

我試圖在使用（key，value）flavor時使用帶ng-repeat的md-chips這裏是我想要的一個例子更多信息：

<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做）。
預先感謝您
編輯
這裏是我的例如{ '一'： '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

試試這個

<md-chips ... ng-model="_key" ng-init="_key = [key]" ...></md-chips>

工作codepen

Answer 2

您可以創建另一個對象，它將使用相同的密鑰存儲值fruitName。

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

---

更方便的方法是，如果你可以改變你的JSON結構下面。然後，你可以有fruitName每個創紀錄的水平

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