आयनिक/चयन नियंत्रण से कई विकल्पों का चयन कैसे करें (अधिकतम चयन केवल 3 विकल्प होगा)?

Question

मैं वर्तमान में आयनिक 1.3.16 संस्करण का उपयोग कर रहा हूं। यहां मुझे अपने चयन नियंत्रण में कई विकल्प चुनने की आवश्यकता है।

यहाँ मेरी आयनिक एचटीएमएल कोड:

<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

आप select विकल्प में value विशेषता गुम है, क्योंकि जब आप विकल्प का चयन करें इसे चुनने के लिए ng-model .Additionally को प्रतिबिंबित करेगा कई आप अपने चयन में multiple विशेषता जोड़ने की जरूरत है।

मार्कअप

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

Answer 2

बस चुनें क्षेत्र में multiple गुण जोड़ें।

<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

उपयोग एनजी-विकल्प डेटा बाध्य करने के लिए, यहाँ है कैसे

नियंत्रक

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

में और देखने

<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 -->