要实现的功能类似下图,动态添加或者删除div
点击增加可添加一条div点击删除可删除一条div
<强> HTML代码如下:(省略CSS样式代码了大笑)
& lt; div类=癮ccordion-inner”比;
& lt; div class="警报alert-info淡入”ng-repeat=叭ㄏ扌砜伞弊４鞘谌ǜ?
& lt;选择id="类=禁用“受让人”=皀g-model=皃ermission.grantee”比;
& lt;选项值=" https://www.yisu.com/zixun/everyone "祝辞所有人& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/authenUsers "祝辞已认证的用户& lt;/option>
选择& lt;选项值=" https://www.yisu.com/zixun/me "="在我自己& lt;/option>
& lt;/select>
& lt;输入类型=案囱】颉奔觳?=禁用“权限”=袄唷薄皀g-model=皃ermission.port1”在打开/下载
& lt;输入类型=案囱】颉奔觳?=禁用“权限”=袄唷薄皀g-model=皃ermission.port2”在查看权限
& lt;输入类型=案囱】颉奔觳?=禁用“权限”=袄唷薄皀g-model=皃ermission.port3”在编辑权限
& lt;按钮类=" btn " type="按钮" ng-click=癲elPermission(美元指数)”在删除& lt;/button>
& lt;/div>
& lt; div>
& lt;按钮类=" btn " type="按钮" ng-click=癮ddPermission(美元指数)在增加访问许可& lt;/button>
& lt;/div>
& lt; br>
& lt; div>
& lt;按钮类=癰tn btn-primary”类型=鞍磁ァ痹诒４? lt;/button>
& lt;按钮类=癰tn”类型=鞍磁ァ痹谌∠? lt;/button>
& lt;/div>
& lt;/div>
//增加许可访问div
美元的范围。权限=[{受让人:“”,端口1:“”,端口2:“”,端口3:"});
美元的范围。addPermission=function(美元指数){
scope.permissions美元。拼接(美元指数+ 1,0,
{受让人:“”,端口1:“”,端口2:“”,端口3:"});
｝//删除许可访问div
(scope.delPermission=function美元指数){
scope.permissions美元。拼接(美元指数(1);
}
以上这篇angularJS实现动态添加,删除div方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
