AngularJS: ng-model inside ng-repeat?

Question

Próbuję wygenerować dane wejściowe formularza z ng-repeat. Uwaga: "niestandardowe pola" to tablica nazw pól: ["Wiek", "Waga", "Pochodzenie etniczne"].

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

Jaki jest najlepszy/poprawny sposób ustawienia "modelu ng"? Chciałbym wysłać go na serwer jako person.customfields.'fieldname ' gdzie nazwa_pola pochodzi z "pola w niestandardowych polach".

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); 
    } 
} 

Można go here spróbować.

Aktualizacja:

Do walidacji, sztuką jest postawić <ng-form> wewnątrz repeater. Proszę try.

Answer 2

Powinno być:

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

Answer 3

Spróbuj NG-Model = "person.customfields." {{}} pole przeniósł cudzysłowów

Answer 4

Każdy, kto kończy się tutaj ng-model wewnątrz ng-repeat

http://jsfiddle.net/sirhc/z9cGm/

powyższy link ma dobry opis, jak go używać z przykładami: