angularJS實現(xiàn)動態(tài)添加,刪除div方法
要實現(xiàn)的功能類似下圖，動態(tài)添加或者刪除div
創(chuàng)新互聯(lián)專注于湄潭網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供湄潭營銷型網(wǎng)站建設(shè)，湄潭網(wǎng)站制作、湄潭網(wǎng)頁設(shè)計、湄潭網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造湄潭網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供湄潭網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
點擊 增加可添加一條div 點擊刪除可刪除一條div
HTML代碼如下：（省略CSS樣式代碼了大笑）
授權(quán)給: Open/Download View Permissions Edit Permissions
添加和刪除的JS代碼分別如下：
//增加許可訪問div
$scope.permissions = [{grantee: "",port1:"",port2:"",port3:""}];
$scope.addPermission = function($index){
$scope.permissions.splice($index + 1, 0,
{grantee:"", port1:"",port2:"",port3:""});
}
//刪除許可訪問div
$scope.delPermission = function($index){
$scope.permissions.splice($index, 1);
}以上這篇angularJS實現(xiàn)動態(tài)添加,刪除div方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。
文章名稱：angularJS實現(xiàn)動態(tài)添加,刪除div方法
分享路徑：http://m.jiaotiyi.com/article/gjjide.html