Angularjs md select显示已选择的值
因此,我有以下几点:Angularjs md select显示已选择的值,angularjs,angular-material,Angularjs,Angular Material,因此,我有以下几点: <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="Doc
<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>
文件
//我想显示提交的值。
{{doc.name}//其他值的列表
没有找到任何项目
ctrl.data.documents
是已选择值的数组
我试图实现的是在字段选项中显示这个数组(ctrl.data.documents
),以及一个包含其他值的列表,在本例中是ng repeat
。ng repeat
工作正常。我可以选择其他值。但无法确定如何显示已选择的值
做了一些挖掘我认为ng选项
可能会这样做,但似乎无法让它工作(不支持??),而ng selected
也没有做到这一点
有什么帮助或想法吗
更新#1:
添加了ctr.data.documents数组的图片
您必须使用
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>
{{doc.name}
没有找到任何项目
大部分内容都记录在这里:使用ctrl.data更新帖子。如果创建了plunker,documents和allItems json数据也将非常有用。@Aravind使用数组的图片更新帖子。从未处理过plunker,将尝试一下。@user3641381最好添加json格式的数据,这没有帮助。持有
allItems
object有什么价值?太棒了!谢谢你的时间!