採用NG-選項angularjs

Question

假設我的HTML看起來像選擇從選擇框多個選項：

<div> 
<select class="topcoat-select" ng-model="myselect" ng-options="o.cost as (o.attr_value+'-$'+' '+o.cost) group by o.attribute_text for o in options" ng-change="itemchange()" > 
    <option value="">--Select Options--</option> 
</select> 
</div> 

現在我只能選擇一個選項，我得到的NG-是單選項的值模型。但是我想選擇多個選項，我想在ng模型中獲得所選選項的值。

是否有可能從angularjs中的單個選擇框中選擇多個選項？

Answer 1

您可以將multiple="multiple"添加到您的select元素聲明中。然後，ng-model中的選定選項將以逗號分隔值排列。

<select ng-options="record.id as record.value for record in records" ng-model="output" multiple="multiple"></select> 

<button ng-click="alertValues()">Click Me!</button> 

$scope.output = ""; 

$scope.records = [{ 
    id: 1, 
    value: "One", 
}, { 
    id: 2, 
    value: "Two", 
}, { 
    id: 3, 
    value: "Three", 
}]; 

$scope.alertValues = function(){   
    alert($scope.output);   
} 

http://jsfiddle.net/DianaNassar/6W8Xg/1/