angularJs 删除 查询 排序
来源:互联网 发布:淘宝拍视频用什么软件 编辑:程序博客网 时间:2024/06/05 10:04
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><script src="angular.js"></script><style> *{ margin: 0; padding:0; } table{ border-collapse: collapse; } td{ padding: 10px; border:1px solid #000; }</style><script> var app = angular.module("myApp",[]); app.controller("myCtrl",function ($scope) { var userInfo=[ {cpbm:80,cpmc:"iphone",cpjg:5400}, {cpbm:1200,cpmc:"ipad mini",cpjg:2200}, {cpbm:500,cpmc:"ipad air",cpjg:2340}, {cpbm:29,cpmc:"ipad",cpjg:1420}, {cpbm:910,cpmc:"imac",cpjg:15400} ]; $scope.arr = userInfo; $scope.sortFlag="-"; $scope.sortName="cpmc"; $scope.sortProducts = function (clomnName) { $scope.sortName = clomnName; if($scope.sortFlag == "-"){ $scope.sortFlag = ""; }else{ $scope.sortFlag = "-"; } }; $scope.deleteP = function (cpmc) { for(index in $scope.arr){ if($scope.arr[index].cpmc == cpmc){ $scope.arr.splice(index,1); } } } });</script><body ng-app="myApp" ng-controller="myCtrl"><center> <input type="text" ng-model="mc"/> <button >全部删除</button><br> <table> <thead> <th ng-click="sortProducts('cpbm')">产品编号</th> <th ng-click="sortProducts('cpmc')">产品名称</th> <th ng-click="sortProducts('cpjg')">产品价格</th> <th>功能</th> </thead> <tbody> <tr ng-repeat="item in arr | filter:mc | orderBy:(sortFlag+sortName)"> <td>{{item.cpbm}}</td> <td>{{item.cpmc}}</td> <td>{{item.cpjg | currency:"(RMB)"}}</td> <td><button ng-click="deleteP(item.cpmc)">删除</button></td> </tr> </tbody> </table></center></body></html>
阅读全文
0 0
- angularJs 删除 查询 排序
- AngularJS添加删除查询排序
- AngularJs的点击删除,排序,查询
- AngularJS对页面进行删除+查询+排序
- angularJS 增加 删除 修改 查询 排序
- AngularJS查询.排序.表头排序.全选.删除.批量删除
- AngularJs实现订单列表的增加删除查询排序
- AngularJS 查询、添加、删除、全选、反选、点击排序
- 购物车angularJS删除和模糊查询还有排序
- AngularJS 添加 查询 排序 删除 数据 敏感词
- AngularJS排序+模糊查询+批量删除+添加列表
- AngularJS查询,删除,添加
- angularJs添加,删除,查询
- angularjs 删除 查询 添加
- angularJs 增加 删除 排序
- angularjs添加排序查询
- angularjs排序、查询、添加
- angularjs路由、排序、查询
- 机房收费系统之MSHFlexGrid控件
- XListView介绍与使用(附加核心代码)
- 7-35 城市间紧急救援(25 分)
- 自定义RecyclerView
- 重写提交信息
- angularJs 删除 查询 排序
- 【makefile】一起写makefile(三)--Makefile书写规则
- 手撕Arm NEON 汇编 (引入)
- 论人生(1)
- HashSet和TreeSet的区别
- 最实用的10个重构小技巧排行榜,您都用过哪些呢?
- POJ 3061 Subsequence
- 登录注册mvp模式
- qqqqqqqqqqqq