AngularJS ngmodel Wert mit zwei Werten

Question

ich dieses Drop-down-Steuerung haben

<div ng-repeat="prop in props" style="margin-bottom: 10px;"> 
    <label class="col-md-4 control-label">Property {{$index + 1}} ({{prop.Value}})</label> 
    <div class="col-md-8"> 
    <select ng-model="gradingvalues[$index]" class="form-control"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
    </div> 

Und im js Code der gradingvalues ​​Array deklariert als:

$scope.gradingvalues = []; 

Was ich will, ist, neben dem eigentlichen Wert, in der Dropdown-Liste ausgewählt ist, möchte ich auch die propertyID haben, so etwas wie:

ng-model="gradingvalues[$index, propertyID]" 

I Ist das möglich?

Answer 1

Props und gradingvalues ​​werden immer in einer 1:

<div ng-repeat="prop in props" style="margin-bottom: 10px;"> 
    <label class="col-md-4 control-label">Property {{$index + 1}} ({{prop.Value}})</label> 
    <div class="col-md-8"> 
    <select ng-model="prop.gradingvalue" class="form-control"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
    </div> 

Answer 2

Ihre $scope.gradingvalues = []; Ändern Sie anstelle eines Arrays ein Objekt verwenden:

$scope.gradingvalues = {}; 

Und Ihre ng-model

ng-model="gradingvalues[prop]" 

Auf diese Weise aktualisieren müssen Sie die „propertyID“ als ein Schlüssel mit dem Wert ausgewählt auf das Auswahlelement.