本文介绍了AngularJS:单击按钮复制div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
限时送ChatGPT账号..我想在用户每次点击+"按钮时复制图像中出现的文本字段(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/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/ftzebggn/
这篇关于AngularJS:单击按钮复制div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论