2017-01-03 78 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