排序删除
来源:互联网 发布:91邀请码怎么弄 知乎 编辑:程序博客网 时间:2024/06/14 05:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>week</title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var app = angular.module("myapp",[]);
app.controller("myctrl",function($scope){
$scope.goods = [
{"id":80,"name":"iphone","price":5400,},
{"id":1200,"name":"ipad mini","price":2200,},
{"id":500,"name":"ipad air","price":2340,},
{"id":29,"name":"ipad","price":1420,},
{"id":910,"name":"imac","price":15400,}
];
//
$scope.bold = "bold";
$scope.title = 'name';
$scope.desc = 0;
$scope.key = '';
//删除
$scope.deletes =function(name){
var p;
for( index in $scope.goods){
p = $scope.goods[index];
if( p.name == name){
$scope.goods.splice(index,1);
}
}
};
$scope.delall =function(){
//alert("sasd");
$scope.goods.splice($scope.goods);
};
$scope.togg =function(tit){
$scope.title = tit;
$scope.desc = !$scope.desc;
};
});
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<center>
<table cellpadding="10" cellspacing="0" border="1">
<tr>
<th><input class="form-control" type="text" ng-model="key" placeholder="请输入产品名称关键字"/></th>
<th colspan="3" align="left" ng-click="delall()">全部删除</th>
</tr>
<tr >
<th ng-click="togg('id')" ng-click="ss()">产品编号▼</th>
<th ng-click="togg('name')">产品名称▼</th>
<th ng-click="togg('price')">产品价格▼</th>
<th>删除</th>
</tr>
<tr ng-repeat="x in goods | filter: {name: key} | orderBy: title : desc">
<td>{{x.id}}</td>
<td>{{x.name}}</td>
<td>{{x.price | currency:"(RMB)"}}</td>
<td><span ng-click="deletes(x.name)">删除</span></td>
</tr>
</table>
</center>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>week</title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var app = angular.module("myapp",[]);
app.controller("myctrl",function($scope){
$scope.goods = [
{"id":80,"name":"iphone","price":5400,},
{"id":1200,"name":"ipad mini","price":2200,},
{"id":500,"name":"ipad air","price":2340,},
{"id":29,"name":"ipad","price":1420,},
{"id":910,"name":"imac","price":15400,}
];
//
$scope.bold = "bold";
$scope.title = 'name';
$scope.desc = 0;
$scope.key = '';
//删除
$scope.deletes =function(name){
var p;
for( index in $scope.goods){
p = $scope.goods[index];
if( p.name == name){
$scope.goods.splice(index,1);
}
}
};
$scope.delall =function(){
//alert("sasd");
$scope.goods.splice($scope.goods);
};
$scope.togg =function(tit){
$scope.title = tit;
$scope.desc = !$scope.desc;
};
});
</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<center>
<table cellpadding="10" cellspacing="0" border="1">
<tr>
<th><input class="form-control" type="text" ng-model="key" placeholder="请输入产品名称关键字"/></th>
<th colspan="3" align="left" ng-click="delall()">全部删除</th>
</tr>
<tr >
<th ng-click="togg('id')" ng-click="ss()">产品编号▼</th>
<th ng-click="togg('name')">产品名称▼</th>
<th ng-click="togg('price')">产品价格▼</th>
<th>删除</th>
</tr>
<tr ng-repeat="x in goods | filter: {name: key} | orderBy: title : desc">
<td>{{x.id}}</td>
<td>{{x.name}}</td>
<td>{{x.price | currency:"(RMB)"}}</td>
<td><span ng-click="deletes(x.name)">删除</span></td>
</tr>
</table>
</center>
</body>
</html>
阅读全文
0 0
- 排序删除
- 删除已排序数组
- mysql 排序修改删除
- 排序二叉树删除
- 堆插入、删除、排序
- 单链表插入删除排序
- angularJs 增加 删除 排序
- 批量删除,排序
- Angular排序删除功能
- angularJs 删除 查询 排序
- angular排序和删除
- 表格 删除 排序
- angular删除 添加 排序
- 排序 修改 删除 添加
- 添加删除 全选 反选 删除 排序
- qisan__lianxi2查询排序全选删除批量删除
- AngularJS查询.排序.表头排序.全选.删除.批量删除
- Datagrid分页、排序、删除代码
- Zookeeper全解析——Paxos作为灵魂
- 1001. 害死人不偿命的(3n+1)猜想 (15)
- 【2017 ACM/ICPC Asia Regional Qingdao Online 1011】hdu 6216 A Cubic number and A Cubic Number
- 数据结构基础算法-链表
- Maven仓库jar包冲突解决篇
- 排序删除
- mysql分页原理和高效率的mysql分页查询语句
- java并发实战第五章
- java作业4
- 单链表的基本操作
- 求一个n阶方阵对角线元素之和
- AngularJS购物车代码
- ListView 使用方法详解
- css纵向标尺