我可以使用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/*, ... */];

來源

2017-02-21 WorldSEnder

你能解釋更多，你想實現什麼？ –

@PankajParkar，我希望現在好多了，縮短了很多 – WorldSEnder

結帳答案，我爲你創建了Codepen :) –

你可以在把更改事件您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

來源

2017-02-21 17:04:24

這很有效，但是有一些問題使得它很難在我的情況下使用。首先，我已經有了一個ng-change方法 - 有點麻煩。其次，我必須保持特殊選項的ng值與內部ng-change同步，這對任何讀者都不是很明顯。總結起來，這可行，但可能不會通過codereview。感謝您的努力。 – WorldSEnder

@WorldSEnder能否請您詳細說明ng-change鉤子有什麼問題？ –

我必須重複掛鉤方法中特殊選項的ng值。我想象的是所有鉤子都是本地的md-option元素。我會盡量使用它，並讓codereview決定它是否可以接受。 – WorldSEnder

我可以使用md-select並有一個選項可以選擇多個選項嗎？

回答

相關問題