angular.js 购物车
来源:互联网 发布:天策军爷捏脸数据 编辑:程序博客网 时间:2024/06/01 18:01
<!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
- angular.js 购物车
- angular.js 购物车
- angular js 终极购物车
- angular js 终极购物车
- angular js 简单购物车
- angular.js构建单页面购物车
- Angular js 实现简单购物车
- 购物车综合练习题angular js
- angular JS购物车删除增加
- Angular,js实现简单购物车功能
- angular js 简单购物车(08)
- angular JS简单实现购物车功能
- Angular购物车示例
- Angular购物车
- Angular实现购物车
- angular购物车demo
- Angular实现购物车
- angular制作购物车
- 操作系统基础训练十问十答
- Qt移植以及QT creator一键调试
- 1061. 判断题(15)
- 简单工厂设计模式
- 解析JSON字符串
- angular.js 购物车
- 一. 4位计数器的设计与仿真验证(1)
- spring mvc 工作原理
- java简单实现双色球彩票模拟实例(数组、排序、方法、随机数、键盘输入)
- linux学习
- Selenium Firefox 官方Webdriver -- Geckodriver
- oracle 数据误删除 数据恢复
- 帝国cms仿站:基于PHP实战帝国CMS系统二次开发
- 使用VBA在EXCEL中插入图片自定义函数(网络URL/本地URL)