如何在AngularJS中自定义显示的文本材料选择选项组?
问题描述:
我这里有一个片断如何在AngularJS中自定义显示的文本材料选择选项组?
<span class="filter-lbl">Filter by:</span>
<md-input-container>
<md-select md-container-class="filter-contribution-cont" ng-model="selected" ng-change="selectedChanged(); updateSelectedContribution();" multiple>
<md-optgroup>
<md-option ng-value="data.label" ng-click="dropdownClick(data)" ng-selected="data.selected" ng-repeat="data in dataSet | unique: 'label'">{{data.label}}</md-option>
</md-optgroup>
</md-select>
</md-input-container>
,比如我有,我提出来构建我要显示命名为getSelectedContributions()
,文字的功能如何更换内置显示的文本由AngularJS材料制成?
我对AngularJS仍然很陌生,所以如果可能的话我需要一个简单的解决方案。谢谢!
答
找到了答案。我只需要在md-select
这样加md-selected-text="getSelectedContributions()"
这样
<span class="filter-lbl">Filter by:</span>
<md-input-container>
<md-select md-selected-text="getSelectedContributions()" md-container-class="filter-contribution-cont" ng-model="selected" ng-change="selectedChanged(); updateSelectedContribution();" multiple>
<md-optgroup>
<md-option ng-value="data.label" ng-click="dropdownClick(data)" ng-selected="data.selected" ng-repeat="data in dataSet | unique: 'label'">{{data.label}}</md-option>
</md-optgroup>
</md-select>
</md-input-container>
你可以创建一个蹲点 – Sajeetharan