国产探花免费观看_亚洲丰满少妇自慰呻吟_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方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 文登市| 石渠县| 晋宁县| 金秀| 汶上县| 读书| 和田县| 衡山县| 酉阳| 高雄市| 太白县| 开江县| 连城县| 南阳市| 伊春市| 新野县| 旬阳县| 临沭县| 巴彦淖尔市| 京山县| 尖扎县| 炉霍县| 安义县| 嘉义市| 桐庐县| 华坪县| 龙口市| 八宿县| 望江县| 密云县| 临澧县| 涪陵区| 兴宁市| 昭苏县| 家居| 黄平县| 吴忠市| 沾化县| 凯里市| 鹤庆县| 大同市|