AngularJS: ng-model inside ng-repeat?

AngularJS: ng-model inside ng-repeat?

ng-repeat으로 폼 입력을 생성하려고 합니다.참고: '사용자 지정''Fields'는 필드 이름의 배열입니다: ["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>

'ng-model'을 설정하는 가장 좋은/정확한 방법은 무엇입니까?person.customfields.'fieldname'에서 fieldname이 나오는 person.customfields.'fieldname'으로 서버에 전송하고자 합니다.'필드'.

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

여기서 해보세요.

업데이트됨:

검증을 위해서는 다음과 같이 하는 것이 요령입니다.<ng-form>중계기 안에한번 해보세요.

다음이 되어야 합니다.

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

여기 있는 사람들은 누구든...ng-model안에서.ng-repeat

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

위 링크는 예제와 함께 사용하는 방법에 대한 좋은 설명이 있습니다.

ng-model="person.custom 필드를 사용해 보십시오."{{field}} 큰따옴표 이동

언급URL : https://stackoverflow.com/questions/17865785/angularjs-ng-model-inside-ng-repeat