国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

angularJS實現動態添加,刪除div方法

2019-11-19 14:17:16
字體:
來源:轉載
供稿:網友

要實現的功能類似下圖,動態添加或者刪除div

點擊 增加可添加一條div 點擊刪除可刪除一條div

HTML代碼如下:(省略CSS樣式代碼了大笑)

<div class="accordion-inner">  <div class="alert alert-info fade in" ng-repeat="permission in permissions">授權給:    <select id="" class="grantees" disabled="" style=" margin-bottom: 3px;" ng-model="permission.grantee">      <option value="everyone">所有人</option>      <option value="authenUsers">已認證的用戶</option>      <option value="me" selected="">我自己</option>    </select>    <input type="checkbox" checked="" class="permissions" disabled="" ng-model="permission.port1">Open/Download    <input type="checkbox" checked="" class="permissions" disabled="" ng-model="permission.port2">View Permissions    <input type="checkbox" checked="" class="permissions" disabled="" ng-model="permission.port3">Edit Permissions    <button class="btn" type="button" style="float: right;" ng-click="delPermission($index)">刪除</button>  </div>  <div>    <button class="btn" type="button" ng-click="addPermission($index)">增加訪問許可</button>  </div>  <br>  <div>    <button class="btn btn-primary" type="button">保存</button>    <button class="btn" type="button">取消</button>  </div></div>

添加和刪除的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實現動態添加,刪除div方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 即墨市| 略阳县| 旅游| 龙口市| 东安县| 靖西县| 长寿区| 中卫市| 锡林浩特市| 闸北区| 龙南县| 德州市| 岳西县| 台湾省| 固原市| 阳谷县| 广汉市| 广南县| 松江区| 仁寿县| 金寨县| 镇坪县| 五莲县| 宁夏| 容城县| 渝北区| 凤山市| 讷河市| 乌拉特中旗| 滨州市| 安达市| 丹阳市| 锡林浩特市| 汉川市| 启东市| 嘉义县| 吉林省| 辉县市| 毕节市| 曲松县| 赣州市|