您的位置:首页 > Web前端 > AngularJS

第9篇:angular动态删除或插入节点元素

2017-06-05 14:31 197 查看
此方法使用了angular的迭代指令ng-repeat,从一个元素的集合里迭代出来显示在视图上。

看代码(略去的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);
};


下过如下所示;

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐