2014-02-13 29 views
0

推到一个当计数值i制成的的jsfiddle:link如何增加在角

实施例:

每次点击激活addField(); field.id的值增加1,以便输出不是空字符串?

EX:

fields: [ { "id": "1" }, { "id": "2" } ] 

JS:

angular.module('App', []); 

    function Controller($scope) { 
     $scope.friends = []; 
     $scope.fields = []; 

     $scope.addFields = function() { 
      $scope.fields.push({id:''}); 
     }; 

    } 

HTML:

<div ng-app="App"> 
    <div ng-controller="Controller"> 
    <button ng-click="addFields()"> 
      Add Field 
    </button> 
    <div ng-repeat="field in fields"> 
     <input ng-hide="true" checked="checked" type="radio" value="field" ng-model="field.id" /> 
     <div>{{field.id}}</div> 
    </div> 
    <hr /> 
    <p>fields: {{fields | json}}</p> 
    </div> 
</div> 

回答

1

使用的$scope.fields

$scope.addFields = function() { 
    var id = $scope.fields.length == undefined ? 0 : $scope.fields.length ; 

    $scope.fields.push({id: id + 1}); 
}; 
.length财产

DEMO