angularJs 增加 删除 排序
来源:互联网 发布:ubuntu输入法怎么用 编辑:程序博客网 时间:2024/06/06 00:40
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script type="text/javascript" src="js/angular.js" ></script><script>var app = angular.module("myApp",[]);app.controller("myCtrl",function($scope){//添加数据$scope.bx =[{id:1234,name:'ipad',price:3400,kc:10},{id:1244,name:'aphone',price:5400,kc:30},{id:1334,name:'mypad',price:3600,kc:15},{id:8234,name:'zpad',price:7400,kc:16}];//删除$scope.shan = function(index){$scope.bx.splice(index,1);};//批量删除$scope.plsc =function(index){$scope.bx.splice(index);};//排序$scope.orderColumn='name';$scope.orderSign='-';$scope.sort = function(sortColumn){$scope.orderColumn=sortColumn;if($scope.orderSign=='-'){$scope.orderSign="";}else{$scope.orderSign="-";}};});</script></head><link rel="stylesheet" href="css/zk.css" /><body ng-app="myApp" ng-controller="myCtrl"><div id="bos"><div id="s"><input type="text" id="search" ng-model="search" placeholder="输入关键字..." /><button class="pl" ng-click="plsc($index)" >批量删除</button></div><div id="x"><table><tr><td><input type="checkbox" ng-model="qx"/></td><td ng-click="sort('id')">商品编号</td><td ng-click="sort('name')" style="color: red;">商品名称</td><td ng-click="sort('price')">商品价格</td><td ng-click="sort('kc')">商品库存</td><td>数据操作</td></tr><tr ng-repeat="x in bx | filter:{'name':search}|orderBy:(orderSign + orderColumn)"><td><input type="checkbox" ng-checked="qx"/></td><td>{{x.id}}</td><td>{{x.name}}</td><td>{{x.price | currency:'¥:'}}</td><td>{{x.kc}}</td><td><button style="background: orange;" ng-click="shan($index)">删除</button></td></tr></table></div></div></body></html>
阅读全文
0 0
- angularJs 增加 删除 排序
- angularJS 增加 删除 修改 查询 排序
- AngularJs实现订单列表的增加删除查询排序
- AngularJS 查询 删除 增加 修改
- angularJs 删除 查询 排序
- AngularJS添加删除查询排序
- AngularJS搜索,排序,入库,删除
- AngularJs添加删除排序Y
- AngularJS查询.排序.表头排序.全选.删除.批量删除
- AngularJs的点击删除,排序,查询
- AngularJS对页面进行删除+查询+排序
- AngularJS购物车功能增加/删除/价格的计算
- AngularJS在页面对表格进行增加、查询、排序
- AngularJs球员的增加查询排序的方法
- HTML js 增加,删除,修改,查找,排序
- angularjs购物车,排序,筛选,全选,删除,确认是否删除
- angularjs购物车,排序,筛选,全选,删除,确认是否删除
- 增加+删除+批量删除+修改+查询+排序+全选
- Android中Sqlite的创建与使用
- Maven提高篇系列之(一)——多模块 vs 继承
- 动态添加Textview+点击变色
- Hdu 5943 Kingdom of Obsession【素数+二分匹配】
- python 数据科学
- angularJs 增加 删除 排序
- Html之frameset,iframe框架之间如何互相调用变量、函数-yellowcong
- 顺时针打印矩阵
- PostgreSQL入门到精通——世界上功能最强大的开源数据库
- for and while
- qemu结合gdb调试龙芯1c的裸机程序helloworld
- jquery简单的用户名密码验证
- 渗透技巧之ssh
- 【干货技术贴】之-mac下如何安装WebStorm + 破解