Ionic /so wählen Sie mehrere Optionen, aus wählen Sie "Steuerung" (Maximal-Auswahl von 3 Optionen nur)?

Bin ich mit dem Ionic-1.3.16-version derzeit. Hier muss ich wählen, mehrere Optionen in meinem select-Steuerelement.

Hier meine Ionischen HTML-code:

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

verwenden multiple Attribut wählen Sie mit ng-model
verwenden Sie mehrere auch nicht funktioniert...mit ng-model
könnten Sie drucken die gleichen ng-model & prüfen, ob es die änderung Wert ist oder nicht
ich bin mit dem hinzufügen von Optionen dynamisch..mit ng-repeat

InformationsquelleAutor Arul | 2015-06-01

6

Fehlt der value Attribut in select option, denn wenn Sie option wählen Sie spiegeln, um die ng-model.Zusätzlich zu wählen Sie mehrere müssen Sie multiple Attribut in der select.

Markup
```
<select ng-model="selectedValues" multiple>
    <option ng-repeat="option in options" value="{{option.value}}">{{option.name}}</option>
</select>
{{selectedValues}}
```
- mein code ist auch der gleiche, aber wenn wir hinzufügen, wählen Sie mit multiple-Attribut es nicht funktioniert...
- Sie verpasste add value-Attribut im option..machen upvote wenn es das tut hat Euch geholfen..Danke
- wie bestimmen Sie die maximale Mehrfachauswahl ist 3
- Sie müssen sich auf stackoverflow.com/a/2046293/2435473
- nur angularjs nur fix..ich werde nicht verwenden jquery
- dann wickeln, dass jquery-code in der Richtlinie..das würde den trick tun..
- Sie können nur eckige zu deaktivieren, ein ui-Element, wenn es erreicht eine bestimmte Bedingung ganz leicht. Nur tun ng-deaktiviert: <option ng-repeat=" - option im "options" value="{{option.Wert}}" ng-disabled='selectedValues.Länge >= 3'>{{option.name}}</option> oder zumindest, dass es funktionieren sollte.
- Ich habe einen bug-report von einem client aus, wo multi-select funktioniert nicht auf Ihrem Gerät. Es funktioniert auf allen unseren Geräten. Aber mehrere ist keine ganz neue Sache in der HTML-Welt. Hilft es zu ändern, um multiple="multiple" für alte Android-Versionen? Wir haben keine Geräte hier, wo es nicht funktioniert.
- es funktioniert nicht auf dem Gerät.
- neugierig zu wissen, warum?
- da war ich auch versucht, das gleiche zu tun, seine Werke auf browser, aber auf android/ios ist es nicht.
- Was meinst du mit it does not work? können Sie online die Replikation des Problems auf emulator?
InformationsquelleAutor Pankaj Parkar
2

Fügen Sie einfach die multiple - Attribut im select-Feld.
```
<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>
```
- funktioniert nicht.................
- Irgendwelche Fehler? da das multiple-Attribut gibt Ihnen die option zum auswählen mehrerer Optionen=
- keine Fehler und alles..aber wir können nicht wählen Sie alle Optionen.
- Du bist wahrscheinlich testen im browser testen im emulator und das wird funktionieren. Es ist weit von ideal, aber
InformationsquelleAutor Danish Bhayani

Verwendung ng-Optionen zum binden von Daten, hier ist, wie

in der Steuerung

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

und in der Ansicht

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

InformationsquelleAutor Mohamed Selim

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.