AngularJS: ng-Modell in ng-repeat?

Question

Ich versuche, Formulareingaben mit ng-Wiederholung zu generieren. Hinweis: 'customFields' ist ein Array von Feldnamen: ["Age", "Weight", "Ethnicity"].

<div class="control-group" ng-repeat="field in customFields"> 
    <label class="control-label">{{field}}</label> 
    <div class="controls"> 
     <input type="text" ng-model="person.customfields.{{field}}" /> 
    </div> 
</div> 

Was ist der beste/richtige Weg, 'ng-model' einzustellen? Ich möchte es an den Server senden als person.customfields.'fieldname ' wo Feldname kommt aus "Feld in CustomFields".

Answer 1

<div ng-app ng-controller="Ctrl"> 
    <div class="control-group" ng-repeat="field in customFields"> 
     <label class="control-label">{{field}}</label> 
     <div class="controls"> 
      <input type="text" ng-model="person.customfields[field]" /> 
     </div> 
    </div> 
    <button ng-click="collectData()">Collect</button> 
</div> 

function Ctrl($scope) { 
    $scope.customFields = ["Age", "Weight", "Ethnicity"]; 
    $scope.person = { 
     customfields: { 
      "Age": 0, 
       "Weight": 0, 
       "Ethnicity": 0 
     } 
    }; 

    $scope.collectData = function() { 
     console.log($scope.person.customfields); 
    } 
} 

Sie es here versuchen.

Aktualisiert:

Für die Validierung ist der Trick <ng-form> innerhalb des Repeaters zu setzen. Bitte try.

Answer 2

es sein sollte:

<input type="text" ng-model="person.customfields[field]" /> 

Answer 3

Versuchen Sie, diese ng-Modell = "person.customfields." {{Field}} bewegt, um die doppelte Anführungszeichen

Answer 4

Alle auf die Innenseite ng-repeat

Für ng-model hier endet http://jsfiddle.net/sirhc/z9cGm/

der obige Link hat eine gute Beschreibung, wie man ihn mit Beispielen verwendet