在角JS动态添加文本区域控制

Question

请帮我在下面的角度js代码的要求，

我的页面应该有一个ADD按钮，当我们点击Add（添加）我要补充一个文本控制。我应该可以通过点击这个ADD按钮来添加无限数量的textarea控件。

Answer 1

你可以像this.this是最简单的方法：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> 

在控制器：

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