使用AngularJs编写的待办事项-增-删-改-查-上下拖
angular-todos
使用AngularJs编写的待办事项小案例
功能包括:
增,删,改,查,待办事项内容
点击头部创建时间反选按时间所降升排序,
上下拖动排序 -- 这里使用了一个Sortable.js库,传送门 https://github.com/RubaXa/Sortable
注意:如果要将拖动排序后的数据存到数据库时,最好不要使用orderBy过滤器。如果按照事件点击反选排序后的数据存到数据库时,需编写一个点击事件, 将排序的方式作为参数传递个后台。
踩坑:动态获取数据遍历,使用orderBy过滤器控制台报错
Error: [orderBy:notarray] http://errors.angularjs.org/1.6.5/orderBy/notarray?p0=%7B%7D
;
// 解决方法使用$filter('orderBy')过滤器, student表示数据中需要排序的属性名 例如: $scope.tbOrgDetail = []; course_manage.getCourseBySubjectID(id, function(result) { $scope.tbOrgDetail = $filter('orderBy')(result.data, 'student') ; });
项目演示:
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。