我可以使用 md-select 并有一个选项 select 多个选项吗?
Can I use md-select and have one option select multiple options?
我有以下小样本:
<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/*, ... */];
您可以在 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>
我有以下小样本:
<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/*, ... */];
您可以在 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>