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>

我想要的是当用户选择我标有＆＃34; 10年＆＃34;在上面，应该发生以下等价物（而不是选择选项）

$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

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

1 个答案: