1-15.Angular備忘錄-刪除數(shù)據(jù)

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

 <!--標(biāo)簽內(nèi)容-->
<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);
    }

}]);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容