angularJS实现动态添加,删除div方法

要实现的功能类似下图，动态添加或者删除div

点击 增加可添加一条div 点击删除可删除一条div

HTML代码如下：（省略CSS样式代码了大笑）

rush:xhtml;">

dion-inner">

disabled="" style=" margin-bottom: 3px;" ng-model="permission.grantee"> 用户 Box" checked="" class="permissions" disabled="" ng-model="permission.port1">Open/Download Box" checked="" class="permissions" disabled="" ng-model="permission.port2">View Permissions Box" checked="" class="permissions" disabled="" ng-model="permission.port3">Edit Permissions 删除

增加访问许可

添加和删除的JS代码分别如下：

rush:xhtml;"> //增加许可访问div $scope.permissions = [{grantee: "",port1:"",port2:"",port3:""}]; $scope.addPermission = function($index){ $scope.permissions.splice($index + 1,{grantee:"",port3:""}); } //删除许可访问div $scope.delPermission = function($index){ $scope.permissions.splice($index,1); }

以上这篇angularJS实现动态添加,删除div方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。