博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular 选择删除 小功能
阅读量:7054 次
发布时间:2019-06-28

本文共 3335 字,大约阅读时间需要 11 分钟。

hot3.png

要实现的功能,如图:

161031_B9Wz_2395167.png

html代码:

编辑按钮代码:

{
{privateNoteEditAndCancel}}

列表代码:

   
      
       {
{privateNote.title}}       
           
           {
{privateNote.datetime}}              
      

全选,删除 代码

 
{
{allSelectOrNot}} 
删除

js代码:

.controller('CourseNoteCtrl', ['$scope', '$state', '$location', 'Course', '$stateParams', 'Utilities', 'constant', 'AppAgent', '$window', 'socialSharing',     function($scope, $state, $location, Course, $stateParams, Utilities, constant, AppAgent, $window, socialSharing) {      $scope.courseNoteTitle = socialSharing.getTitle();      // var detailId = $stateParams.courseId;      // Course.getCourseInfo(detailId).then(function(data) {      //   $scope.courseInfo = data;      //   alert(courseInfo.name);      // });      $scope.privateNoteList = [{        title: "我的笔记1111111",        datetime: "YYYY/MMM/DD hh:mm"      }, {        title: "我的笔记2",        datetime: "YYYY/MMM/DD hh:mm"      }, {        title: "我的笔记3",        datetime: "YYYY/MMM/DD hh:mm"      }, {        title: "我的笔记4",        datetime: "YYYY/MMM/DD hh:mm"      }, {        title: "我的笔记5",        datetime: "YYYY/MMM/DD hh:mm"      }];            $scope.triggerSubTabs = function(tabName) {        var i = $scope.noteTabs.length;        while (i--) $scope.noteTabs[i].active = $scope.noteTabs[i]['name'] == tabName ? true : false;        angular.element($window).bind('orientationchange', function() {          $scope.$apply();        });      };      // $scope.private_note = function() {      //   $state.go('course.ClassNote.PrivateNote');      // };      // $scope.public_note = function() {      //   $state.go('course.ClassNote.PublicNote');      // };      $scope.flag = {showDelete:false};      $scope.privateNoteEditAndCancel = "编辑";      $scope.privateNoteEditState = false;                 //编辑按钮      $scope.privateNote_edit = function() {        //$scope.privateNoteEditState = $scope.privateNoteEditState == true ? false : true;        $scope.flag.showDelete=!$scope.flag.showDelete;        $scope.privateNoteEditState = !$scope.privateNoteEditState        if ($scope.privateNoteEditState == true) {           $scope.privateNoteEditAndCancel = "取消";        } else {          $scope.privateNoteEditAndCancel = "编辑";        }      };                 //选择取消      $scope.noteChecked = function(privateNote) {        privateNote.checked = !privateNote.checked;        //alert(privateNote.checked);               };      $scope.allSelectOrNot = "全选";      //$scope.allSelectMode = false;      //全选      $scope.selectAll =function(){        for(var i =0 ; i<$scope.privateNoteList.length;i++){          $scope.privateNoteList[i].checked =true;          //alert( $scope.privateNoteList[i].checked);        }      }            //删除      $scope.deleteAll =function(){        for(var i =0 ; i<$scope.privateNoteList.length;i++){           if($scope.privateNoteList[i].checked ===true){              //alert($scope.privateNoteList[i].checked +$scope.privateNoteList[i].title);              $scope.privateNoteList.splice(i,1);              i--;           }        }        //return $scope.privateNoteList.splice(i,1);      }    }  ])

注释:

161426_1Bfs_2395167.png

转载于:https://my.oschina.net/u/2395167/blog/531608

你可能感兴趣的文章
阿里内贸团队敏捷实践
查看>>
《C++游戏编程入门(第4版)》——2.8 使用break和continue语句
查看>>
阿里感悟(二十)-如何判断一个人是否聪明
查看>>
《视图更新与关系数据库理论》——1.4 视图:约束和补偿性操作
查看>>
死亡研究:何谓「好死」,研究者们总结了11 个重要指标
查看>>
《嵌入式Linux软硬件开发详解——基于S5PV210处理器》——第2章 核心板电路设计 2.1 S5PV210芯片地址分配...
查看>>
2015物联网安全年报
查看>>
Ticket Lock的Relaxed Atomics优化
查看>>
《OpenGL超级宝典(第5版)》——第1章,第1.3节3D图形的常见用途
查看>>
《软件工程方法与实践》—— 2.5 软件工程活动
查看>>
阿里云天池竞赛公布赛题,大批数据科学家将挑战早期肺癌诊断
查看>>
预测分析技术让你做客户“肚子里的蛔虫”
查看>>
C语言OJ项目参考(2968)递归方法实现逆序
查看>>
使用VisualVM查看Java Heap Dump
查看>>
JavaScript JSON的总结
查看>>
快速搭建WordPress网站教程
查看>>
数据无边界:非结构化数据在MaxCompute上的处理
查看>>
管道 PIPE
查看>>
Flutter完整开发实战详解(十三、全面深入触摸和滑动原理)
查看>>
ubuntu 环境 MySQL的疑难问题解决
查看>>