如何從角度選擇多個值

我的問題是如何在Angular中選擇多個值。方法我試過至今是：如何從角度選擇多個值

模板：

<select multiple class="form-control" (click)="addDetails(t.value)" #t> 
        <option selected disabled>Select all applicable</option> 
        <option value="A">A</option> 
        <option value="C">C</option> 
        <option value="B">B</option> 
       </select>

然後我拍打在我的課的所有值。然而這對我來說不是一個好方法。我想知道如何在這裏利用Angular的數據映射。

組件：

addDetails(value){ 
    this.selectedValues = this.selectedValues.concat(','); 
    }

PS：使用前，我刪除最後一個逗號。此外，我不希望使用任何額外的插件，因爲我沒有奢侈到這裏安裝:(。

請幫助。

來源

2017-05-31 Lovey

只需使用[[（ngModel）]'，angular會自動將'select multiple'映射到一個數組。 https://angular.io/docs/ts/latest/api/forms/index/SelectMultipleControlValueAccessor-directive.html – Claies

它不起作用。我試過以下內容： – Lovey

沒關係。我使用該值（plain，而不是ngValue）並且它正在工作。 – Lovey

您可以使用md-select從角料2具有multiple性質，而且容易通過ngModel結合。Plunker demo。

我也可以用你的代碼和值與ngModel結合。在下面的demo，您可以選擇A，B，C（按住Shift +點擊可用的選項），看看他們都被添加到selectedValue

來源

2017-06-01 01:39:24 Nehal

如何從角度選擇多個值

回答

相關問題