AngularJS过滤器filter，orderBy排序，删除全部数据2

来源：互联网发布：模糊控制算法 matlab 编辑：程序博客网时间：2024/05/18 03:13

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular-route.js" ></script>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.list=[
{ 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:14200
},
{id:910,
name:"imac",
price:15400
}
];
$scope.del=function(name){
for(index in $scope.list){
if($scope.list[index].name==name){

var con = confirm("确定删除?");
if(con==true){
$scope.list.splice(index,1);
}

}

}
}
/*var flag=0;
$scope.order=function(){

if(flag==0){
$scope.list.predicate ='-id';
flag=1;
}else{
$scope.list.predicate ='id';
flag=0;
}
}*/
$scope.p="0-20000";
$scope.money=function(item){
var arr=$scope.p.split("-");
var min=arr[0];
var max=arr[1];
if(item<min||item>max){
return false;
}else{
return true;
}
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<input type="text" placeholder="产品名称" ng-model="search" />
产品价格：
<select ng-model="p">
<option>0-20000</option>
<option>1000-2000</option>
<option>2000-3000</option>
<option>4000-5000</option>
<option>10000-20000</option>
</select>
<br /><br />
<table border="1px solid red" cellpadding="10" cellspacing="0" width="500px">
<tr>
<td ng-click="desc=!desc;col='id' " >产品编号</td>
<td ng-click="desc=!desc;col='name' ">产品名称</td>
<td ng-click="desc=!desc;col='price' ">产品价格</td>
<td>操作</td>
</tr>

<tr ng-repeat="l in list | filter:{'name':search} | orderBy:col:desc " ng-if="money(l.price)">
<td>{{l.id}}</td>
<td>{{l.name}}</td>
<td>{{l.price | currency:"(RMB)" }}</td>
<td><button ng-click="del(l.name)">刪除</button></td>
</tr>
</table>
</center>
</body>
</html>

阅读全文

0 0