1-15.Angular備忘錄-刪除數據

1.添加 ng-click="delete($index)

 <!--標簽內容-->
<div class="list_body active">
    <ul>
        <li class="item" ng-repeat="item in taskList">
            ...
            <!--注冊刪除事件-->
            <span class="del" ng-click="delete($index)">刪除</span>
            <span class="detail">詳情</span>
        </li>
    </ul>
</div>

2.添加刪除方法 index.js

app.controller('taskController', ['$scope', function ($scope) {
    ...
    //定義刪除方法
    $scope.delete = function (key) {
        //刪除key元素, 刪除1個
        $scope.taskList.splice(key, 1);
    }

}]);
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個用于設計動態web應用的結構框架。首先,它是...
    200813閱讀 1,632評論 0 3
  • 1 1.認識AngularJSMVx概念Angular是什么擴展了HTML的功能顛覆性、可擴展為什么使用angul...
    codewa閱讀 946評論 1 3
  • ng-model 指令ng-model 指令 綁定 HTML 元素 到應用程序數據。ng-model 指令也可以:...
    壬萬er閱讀 889評論 0 2
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,367評論 0 2
  • 本來還想寫個段子的,但是已經沒有辦法那么歡快的寫段子了,簡易變易不易,人是沒有辦法了解一切的,也不太可能,試圖了解...
    瞅啥瞅閱讀 4,095評論 0 1