第9篇:angular动态删除或插入节点元素
2017-06-05 14:31
197 查看
此方法使用了angular的迭代指令ng-repeat,从一个元素的集合里迭代出来显示在视图上。
看代码(略去的css样式)
下过如下所示;
看代码(略去的css样式)
<ul> <li ng-click="add()"> <i class="icon-plus"></i> <span>Add New Postback</span> </li> <li class="s-pbAddUrl" ng-repeat="p in postBack track by $index"> <input type="text" placeholder="http|https://..."> <span ng-click="del($index)" ng-show="$index!=0"> <i class="icon-minus"></i> </span> </li> <li>Save Edition</li> </ul>在对应的控制器内:
$scope.postBack = ['']; $scope.add = function(){ var postBack=''; $scope.postBack.push(postBack); }; $scope.del = function(idx){ $scope.postBack.splice(idx,1); };
下过如下所示;
相关文章推荐
- angular.js 下如何动态插入删除dom节点
- angular.js 下动态插入删除dom节点
- angular.js 动态插入删除dom节点
- Jquery动态添加及删除页面节点元素示例代码
- 在编写动态插入删除DOM元素时,Easyui控件渲染效果失败的问题
- 第14篇:angular动态添加和删除组件元素的封装函数
- Jquery动态添加及删除页面节点元素示例代码
- 不刷新页面jQuery模糊搜索,第一种实现---动态删除、插入节点
- Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
- angular动态删除ng-repaeat添加的dom节点的方法
- jQuery各种选择器、节点、事件,删除、复制、插入元素的使用方法总结
- js动态创建/删除 (页面)元素节点、设置其属性方法
- document对象 动态的创建元素(节点)/添加元素(节点)/删除元素(节点)
- Javascript进阶篇——(DOM—节点---插入、删除和替换元素、创建元素、创建文本节点)—笔记整理
- C语言单向动态链表程序,实现链表的建立,合并,重新排序,链表元素的插入与删除,以及根据元素成员的值进行元素删除。
- 【链表面试题】删除无头单链表的非尾节点,插入一个元素到无头链表指定位置
- cocos2d-x CCTableView动态插入删除元素bug修正及动画表现
- angular动态添加带有ng-click的元素节点方法
- 动态添加和删除节点元素,函数封装
- 【链表面试题】删除无头单链表的非尾节点,插入一个元素到无头链表指定位置