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

此方法使用了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);
	};

下过如下所示；