我可以使用md-select并有一个选项可以选择多个选项吗？

Question

我有以下的小样本：

<md-select ng-model="selectedYears" multiple> 
    <md-option>10 Years</md-option> 
    <md-option value="2016"> 
    <md-option value="2015"> 
    <!--- more options --> 
</md-select> 

当用户选择，我标有“10年”的选项上，下面的等价应该发生的（而不是选择的选项），我要的是

$scope.selectedYears = [2016, 2015/*, ... */]; 

Answer 1

你可以在把更改事件您select这样，每当有10 years已经选择那个时候你可能会持续手动10年。此外，您必须将value更改为ng-value，以便值应该从number类型而不是string中考虑。

标记

<md-select ng-model="selectedYears" multiple ng-change="yearChanged(selectedYears)"> 
    <md-option ng-value="10">10 Years</md-option> 
    <md-option ng-value="2016">2016</md-option> 
    <md-option ng-value="2015">2015</md-option> 
    <md-option ng-value="2014">2014</md-option> 
    <md-option ng-value="2013">2013</md-option> 
    <md-option ng-value="2012">2012</md-option> 
    <md-option ng-value="2011">2011</md-option> 
    <md-option ng-value="2010">2010</md-option> 
    <md-option ng-value="2009">2009</md-option> 
    <md-option ng-value="2008">2008</md-option> 
    </md-select> 
</md-select> 

Forked Pen