Angular - Dynamische ng-Modellname mit der ID in ng-repeat

Question

Dies ist mein Controller:

$scope.inputs = []; 
$scope.addInput = function() { 
    $scope.inputs.push({ 
     id: $scope.inputs.length + 1, 
    }); 

}; 
$scope.removeInput = function (index) { 
    $scope.inputs.splice(index, 1); 
}; 

ich auf diese Weise versuchen, aber hat nicht funktioniert:

<div ng-repeat="input in inputs"> 
     <textarea id="activity" 
        name="project_budget_administration[<% input.id %>][activity]" 
        placeholder="Activity" 
        ng-model="project_budget_administration.activity_<% input.id %>" 
        ng-maxlength="100" 
        required></textarea> 
</div> 

Für Namensattribut von TextArea- funktioniert perfekt, aber für ng-model - nicht. Auch ich versuchte mit dieser Syntax ng-model = "project_budget_administration.activity [input.id]" und anstelle von input.id versuchte ich $ index, auch nicht funktioniert.

Answer 1

können Sie JavaScript Ausdrücke verwenden, um dynamisch die ng-Modell zu nennen

<div ng-repeat="input in inputs"> 
    <textarea id="activity" 
       name="project_budget_administration[<% input.id %>][activity]" 
       placeholder="Activity" 
       ng-model="project_budget_administration['activity_' + input.id]" 
       ng-maxlength="100" 
       required></textarea> 

Fiddle aus einer anderen Antwort - http://jsfiddle.net/DrQ77/-How can I set a dynamic model name in AngularJS?