md-selectを使用して1つのオプションで複数のオプションを選択できますか？

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

10 yearsは手動で10年続く可能性がその時に選択されていますがあるたびになるようにあなたのselectに変更イベントを入れることができます。 valueをng-valueに変更して、stringの代わりにnumberタイプの値を考慮する必要があります。

マークアップ

<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