,可以通过ng-repeat指令来实现。
首先,确保已经引入了AngularJS库。然后,在HTML文件中,使用ng-app指令来定义一个AngularJS应用程序,并使用ng-controller指令来定义一个控制器。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.divs = [];
$scope.addDiv = function() {
$scope.divs.push({});
};
});
</script>
</head>
<body>
<div ng-controller="myCtrl">
<button ng-click="addDiv()">添加div</button>
<div ng-repeat="div in divs">这是一个重复的div</div>
</div>
</body>
</html>
在上面的代码中,我们定义了一个名为myApp的AngularJS应用程序,并在控制器myCtrl中定义了一个divs数组和一个addDiv函数。当点击按钮时,addDiv函数会向divs数组中添加一个空对象。然后,使用ng-repeat指令在HTML中重复显示div元素,每个div元素对应divs数组中的一个对象。
这样,当按下按钮时,就会重复显示一个div元素。
关于AngularJS的更多信息,你可以参考腾讯云的AngularJS产品介绍页面:AngularJS产品介绍
领取专属 10元无门槛券
手把手带您无忧上云