2017-01-03 79 views
1

所以我有以下幾點:MD-選擇顯示已選擇的值

<div layout-gt-sm="row"> 
    <md-input-container class="md-block" flex-gt-sm> 
     <label>Documents</label> 
     <md-select multiple ng-model="ctrl.data.documents" placeholder="Documents" ng-controller="DocumentsCtrl"> // I want to show the submitted values. 
      <md-option ng-value="doc" ng-repeat="doc in allItems">{{ doc.name }}</md-option> // A list of other values 
      <div ng-hide="allItems.length">No items found</div> 
     </md-select> 
    </md-input-container> 
</div> 

ctrl.data.documents是已經選擇的值的陣列。

我想實現的是在字段選項中顯示此數組(ctrl.data.documents),並在此例中顯示其他值爲ng-repeat的列表。 ng-repeat工作得很好。我可以選擇其他值。但無法弄清楚如何顯示已經選擇的值。

做了一些挖掘我認爲ng-options可能會這樣做,但似乎無法得到它的工作(不支持??)和ng-selected也沒有做的伎倆。

任何幫助或想法?

更新#1:

添加了ctr.data.documents陣列的照片。

enter image description here

+0

更新** ctrl.data.documents後**和** ** allItems JSON數據 – Aravind

+0

@Aravind會做 – user3641381

+0

也將是巨大的,如果有創建的闖入者。 – Aravind

回答

1

你必須使用ng-model-options="{trackBy: '$value.id'}"ng-repeat="doc in allItems track by doc.id"id部分應該是您的文檔的識別標記。

<md-select multiple ng-model="ctrl.data.documents" 
    ng-model-options="{trackBy: '$value.id'}" 
    placeholder="Documents" ng-controller="DocumentsCtrl"> 
    <md-option ng-value="doc" ng-repeat="doc in allItems track by doc.id">{{ doc.name }}</md-option> 
    <div ng-hide="allItems.length">No items found</div> 
</md-select> 

大部分是記錄在這裏:https://material.angularjs.org/latest/api/directive/mdSelect

+0

太棒了!謝謝你的時間! – user3641381