AngularJS:点击按钮复制div

时间:2015-10-19 09:02:50

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

每次用户点击“+”按钮时,我都希望复制图片中的文字字段(div)。Replicate div

1 个答案:

答案 0 :(得分:4)

如果我理解你的问题,请参考下面的代码。

<强>模板

<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/