在Angular JS中动态添加textarea控件

Question

请使用角度js中的代码帮助我完成以下要求，

我的页面应该有一个ADD按钮，当我们点击ADD时，我应该添加一个textarea控件。我应该能够通过单击此ADD按钮添加无限数量的textarea控件。

Answer 1

你可以这样做。这是最简单的方法：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:""});
}