2016-07-06 8 views
1

Ich möchte Option dynamisch hinzufügen, um mit eckigen Feld auswählen. Wenn beispielsweise Mengengrenze ist 4, dann sollten die Optionen 1, 2, 3, 4dynamische Optionen in Auswahlbox mit Winkel

Dies ist, was ich versucht habe:

<select class="form-control" ng-model="selectedQuantity"> 
          <option value="1">1</option> 
          <option ng-repeat="n in range(1,edata.Products.QuantityLimit)" value="{{n}}">{{n}}</option> 
         </select> 

Hier QuantityLimit unterschiedlich für jedes Auswahlfeld.

Angular Code:

$scope.range = function (min, max, step) { 
    step = step || 1; 
    var input = []; 
    for (var i = min; i <= max; i += step) input.push(i); 
    return input; 
}; 

dies funktioniert wie erwartet, wenn ich ng-model="selectedQuantity" von ausgewählten entfernen. Gibt es eine Möglichkeit, dies zu tun, ohne entfernen ng-model="selectedQuantity"

+0

_dies funktioniert wie erwartet, wenn ich ng-model = "selectedQuantity" aus select._ entfernen Pflege sorgfältig? –

+0

Können Sie die Aufschlüsselung dieser anzeigen: 'edata.Products.QuantityLimit' – Sajal

+0

@AlonEitan, wenn ich ng-model =" selectedQuantity "aus auswählen Ich bin erste Option ist 1; aber mit ng-model = "selectedQuantity" zunächst keine ausgewählte Option in der Auswahlbox. – SandipIntrop

Antwort

1

Sie Inline ngInit Direktive benutzen einen Anfangswert zum Modell aus der Sicht direkt zu setzen:

<select class="form-control" ng-model="selectedQuantity" ng-init="selectedQuantity = 1"> 

Und-Kurs, legen Sie einen Standardwert von der Steuerung:

$scope.selectedQuantity = 1; 

Wählen Sie das, das Sie mögen

0

Versuchen Sie, diese Optionen in der select-Tag Einbettung selbst ng-Optionen,

<select class="form-control" ng-options="n for n in range(1,edata.Products.QuantityLimit)" ng-model="selectedQuantity"> 
    <option value="1">1</option> 
</select> 

Die erste Option immer 1 sein wird, wenn Sie können Sie verschieben es zum Prüfer.

Verwandte Themen