AngularJS：单击按钮复制div答案

【问题标题】：AngularJS : Replicate div on click of buttonAngularJS：单击按钮复制div
【发布时间】：2015-10-19 09:02:49
【问题描述】：

我想在用户每次点击“+”按钮时复制图像中出现的文本字段（div）。

【问题讨论】：

添加更多关于你想要做什么的信息
你有没有尝试过？您可以编写一个 directive 来复制相应的 div

标签： javascript angularjs angularjs-directive angularjs-ng-repeat

【解决方案1】：

如果我正确理解了您的问题，请参考以下代码。

模板

<div ng-app="myapp" ng-controller="myCtrl">
   <div ng-repeat="item in items">
    <input type="text" placeholder="name">
    <input type="text" placeholder="email">
        <button ng-click="add()">+</button>
        <p>Some text some text some text</p>   
   </div> 
</div>

控制器

var app = angular.module('myapp',[]);

app.controller('myCtrl',["$scope",function($scope){

    $scope.items = [{}];

    $scope.add = function(){
       $scope.items.push({});
    }

}]);

参考：https://jsfiddle.net/ftzebggn/

【讨论】：

如何访问控制器中的所有输入字段内容？
@chiragshah 你什么时候需要所有输入字段值，
点击 ng-repeat div 外的按钮
@chiragshah 最好为此使用指令，请参阅更新小提琴jsfiddle.net/ftzebggn/2
如何使用 $index.js 为每个输入字段创建动态 ng-model。类似于