AngularJS:单击按钮复制div [英] AngularJS : Replicate div on click of button

问题描述

我想在用户每次点击+"按钮时复制图像中出现的文本字段(div).

解决方案

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

模板

<div ng-repeat="项目中的项目"><input type="text" placeholder="name"><input type="text" placeholder="email"><button ng-click="add()">+</button><p>一些文字一些文字一些文字</p>

控制器

var app = angular.module('myapp',[]);app.controller('myCtrl',["$scope",function($scope){$scope.items = [{}];$scope.add = function(){$scope.items.push({});}}]);

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

I want to replicate the text fields(div) present in image every time the user click on '+' button.

解决方案

If I understood your question properly , pls refer the below code .

Template

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

controller

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

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

    $scope.items = [{}];

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

}]);

refer: https://jsfiddle.net/ftzebggn/

这篇关于AngularJS:单击按钮复制div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！