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,661评论 0 3
  • 1 1.认识AngularJSMVx概念Angular是什么扩展了HTML的功能颠覆性、可扩展为什么使用angul...
    codewa阅读 950评论 1 3
  • ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以:...
    壬万er阅读 898评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 本来还想写个段子的,但是已经没有办法那么欢快的写段子了,简易变易不易,人是没有办法了解一切的,也不太可能,试图了解...
    瞅啥瞅阅读 4,096评论 0 1