首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在AngularJS中按下按钮时重复div

,可以通过ng-repeat指令来实现。

首先,确保已经引入了AngularJS库。然后,在HTML文件中,使用ng-app指令来定义一个AngularJS应用程序,并使用ng-controller指令来定义一个控制器。

代码语言:html
复制
<!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产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的结果

领券