在Angular JS中动态添加textarea控件

Question

Please help me on below requirement with code in angular js,

My page should have an ADD button, when we click on ADD I should add a textarea control. I should be able to add infinite number of textarea controls by clicking this ADD button.

Answer 1

you can do like this.this is the simplest method: see plunker

html:

    <div ng-repeat="textArea in textAreas">
       <textarea id="maxlength_textarea" class="form-control" maxlength="225" rows="2" ng-  model="textArea.textBox" placeholder="textbox"></textarea>

    </div>

<button class="btn btn-info" ng-click="addMore()">Add More</button>

in controller:

$scope.textAreas=[];
    $scope.addMore=function(){
    $scope.textAreas.push({textBox:""});
}