<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
/*$scope.data = new Array();
$scope.data[0] = {
id:80,
name:"iphone",
price:54000
};
$scope.data[1] = {
id:1200,
name:"ipad mini",
price:220000
};
$scope.data[2] = {
id:500,
name:"ipad air",
price:234000
};
$scope.data[3] = {
id:29,
name:"ipad",
price:142000
};
$scope.data[4] = {
id:910,
name:"imac",
price:1540000
};*/
$http({
method:"get",
url:"product.json"
}).then(function success(response){
$scope.users = response.data;
},function(error){
console.log("失败");
});
//定义排序功能
$scope.flag = "-";
$scope.name = "name";
$scope.px = function(clomnName){
$scope.name = clomnName;
if($scope.flag=="-"){
$scope.flag = "";
}else{
$scope.flag = "-";
}
}
//删除指定的商品
$scope.deleteProduct = function(name){
for(index in $scope.users){
if($scope.users[index].name==name){
/*alert($scope.users[index].name);*/
$scope.users.splice(index,1);
}
}
}
//删除全部
$scope.deleteAll = function(){
$scope.users=null;
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<p><input type="text" placeholder="产品名称" ng-model="serach" /> <button ng-click="deleteAll()">全部删除</button></p>
<table border="1" cellpadding="1" cellspacing="0" >
<thead>
<tr>
<th ng-click="px('id')">产品编号</th>
<th ng-click="px('name')">产品名称</th>
<th ng-click="px('price')">产品价格</th>
<th>删除</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="goods in users | filter:serach | orderBy : name">
<td>{{goods.id}}</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td><button ng-click="deleteProduct(goods.name)">删除</button></td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../AngularJS/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
/*$scope.data = new Array();
$scope.data[0] = {
id:80,
name:"iphone",
price:54000
};
$scope.data[1] = {
id:1200,
name:"ipad mini",
price:220000
};
$scope.data[2] = {
id:500,
name:"ipad air",
price:234000
};
$scope.data[3] = {
id:29,
name:"ipad",
price:142000
};
$scope.data[4] = {
id:910,
name:"imac",
price:1540000
};*/
$http({
method:"get",
url:"product.json"
}).then(function success(response){
$scope.users = response.data;
},function(error){
console.log("失败");
});
//定义排序功能
$scope.flag = "-";
$scope.name = "name";
$scope.px = function(clomnName){
$scope.name = clomnName;
if($scope.flag=="-"){
$scope.flag = "";
}else{
$scope.flag = "-";
}
}
//删除指定的商品
$scope.deleteProduct = function(name){
for(index in $scope.users){
if($scope.users[index].name==name){
/*alert($scope.users[index].name);*/
$scope.users.splice(index,1);
}
}
}
//删除全部
$scope.deleteAll = function(){
$scope.users=null;
}
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<p><input type="text" placeholder="产品名称" ng-model="serach" /> <button ng-click="deleteAll()">全部删除</button></p>
<table border="1" cellpadding="1" cellspacing="0" >
<thead>
<tr>
<th ng-click="px('id')">产品编号</th>
<th ng-click="px('name')">产品名称</th>
<th ng-click="px('price')">产品价格</th>
<th>删除</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="goods in users | filter:serach | orderBy : name">
<td>{{goods.id}}</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td><button ng-click="deleteProduct(goods.name)">删除</button></td>
</tr>
</tbody>
</table>
</center>
</body>
</html>