입력에서 동적으로 추가 할 때 각도가 내 객체를 평가하지 않습니다.

Question

왜 이것이 AngularJS에서 작동하지 않습니까?

<div class="inputbox" ng-repeat="publisherParam in publisherParams"> 
    <div> 
     <label>{{ publisherParam.label }}</label> 
    </div> 
    <div> 
     <input type="text" name="{{ publisherParam.label }}" ng-model="{{ publisherParam.label }}" required /> 
    </div> 
</div> 
<div class="submitbox"> 
    <button class="purple-btn" ng-disabled="publisherForm.$invalid"> 
     Add Network 
    </button> 
</div> 

Answer 1

당신은 ng-model에 {{ }}를 사용해서는 안
1. , 당신은 작성해야 : 당신은 입력의 이름으로 표현을 사용할 수 없습니다 ng-model="publisherParam.label"
2. , 그것은 현장 지원하기 위해 정적 문자열이 될 필요가있다 레벨 검증.

jsFiddle을 공유 할 수 있다면 기꺼이 실제 코드를 더 유용하게 사용할 수 있습니다.

Answer 2

ng-repeat 및 $ index를 사용하여 양식 입력란의 이름에 넣을 항목의 색인을 얻으려는 것 같습니다. 정확히 무엇을하려고하는지 잘 모르겠지만 잘하면 올바른 방향으로 가게됩니다.

EDIT : 또한 입력의 이름 = ""은 각도를 사용하여 양식을 제출할 때 부적합합니다. , 당신은 $ scope에서 변경하는 전체 객체를 가져 와서 AJAX를 통해 보낼 수 있습니다.

HTML

<form name="publisherForm" ng-submit="formSubmit()"> 
    <div class="inputbox" ng-repeat="publisherParam in publisherParams"> 
     <div> 
      <label>{{publisherParam.label}}</label> 
     </div> 
     <div> 
      <!-- use $index to get the index of the item in the array --> 
      <!-- note, no {{}} inside of the ng-model tag. 
       That's being $eval'ed so no {{}} needed --> 
      <input type="text" name="publisherParam_label_{{$index}}" ng-model="publisherParam.label" required /> 
     </div> 
    </div> 
    <!-- just an add button so you can see it work --> 
    <button type="button" ng-click="addPublisherParam()">Add</button> 
    <!-- your submit button --> 
    <div class="submitbox"> 
     <button class="purple-btn" type="submit ng-disabled="publisherForm.$invalid"> 
      Add Network 
     </button> 
    </div> 
</form> 

JS

app.controller('YourController', function($scope) { 
    //this is the array you're displaying 
    $scope.publisherParams = [ 
     { label: 'First Label' }, 
     { label: 'Second Label' } 
    ]; 

    //just an indexer 
    var p = 0; 
    $scope.addPublisherParam = function(){ 
     //add a new publisher param. 
     $scope.publisherParams.push({ label: 'New Label ' + p++ }); 
    }; 

    $scope.formSubmit = function(){ 
     //do something here. 
    }; 
});