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

前端之家收集整理的这篇文章主要介绍了angularJS实现动态添加,删除div方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

404_4@

HTML代码如下:(省略CSS样式代码了大笑)

dion-inner">

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

增加许可访问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方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/33527.html

猜你在找的JavaScript相关文章