Ionic/Cách chọn nhiều tùy chọn từ điều khiển chọn (Chọn tối đa sẽ chỉ có 3 tùy chọn)?

Question

Tôi hiện đang sử dụng phiên bản Ionic 1.3.16. Ở đây tôi cần phải chọn nhiều tùy chọn trong điều khiển chọn của tôi.

Đây ion mã HTML của tôi:

<div class="list"> 
    <label class="item item-input item-select"> 
     <div class="input-label"> 
      Lightsaber 
     </div> 
     <select> 
      <option>Blue</option> 
      <option selected>Green</option> 
      <option>Red</option> 
     </select> 
    </label> 
</div> 

Answer 1

Bạn đang thiếu value thuộc tính trong select lựa chọn, bởi vì khi bạn chọn tùy chọn nó sẽ phản ánh đến ng-model .Additionally để chọn nhiều bạn cần phải thêm multiple thuộc tính trong lựa chọn của bạn.

Markup

<select ng-model="selectedValues" multiple> 
    <option ng-repeat="option in options" value="{{option.value}}">{{option.name}}</option> 
</select> 
{{selectedValues}} 

Answer 2

Chỉ cần thêm thuộc tính multiple trong lĩnh vực lựa chọn.

<div class="list"> 
    <label class="item item-input item-select"> 
    <div class="input-label"> 
     Lightsaber 
    </div> 
    <select multiple="multiple"> 
     <option>Blue</option> 
     <option selected>Green</option> 
     <option>Red</option> 
    </select> 
</label> 

Answer 3

sử dụng ng-tùy chọn để ràng buộc dữ liệu, đây là cách

trong bộ điều khiển

$scope.values= [ 
    {id:1, name:"value1" }, 
    {id:2, name:"value2" }, 
    {id:3, name:"value3" } 
    ]; 
$scope.selectedValues= []; //initial selections 

và trong giao diện

<label class="item item-input item-select"> 

    <select multiple ng-model='selectedValues' 
        ng-options="a.name for a in values" > 
    </select> 
</label> 
{{selectedValues}} <!-- to preview the selection -->