<title></title>
<style type="text/css">
table tr:nth-child(even){
background:#C00;
}
table tr:nth-child(odd){
background:#09F;
}
</style>
<script type="text/javascript" src="../jQuery/jquery-2.1.1.js" ></script>
<script type="text/javascript" src="../angular/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.products = [{
"id":80,
"name":"iphone",
"price":5400,
state:false
},{
"id":1200,
"name":"ipad mini",
"price":2200,
state:false
},{
"id":500,
"name":"ipad air",
"price":2340,
state:false
},{
"id":290,
"name":"ipad",
"price":1420,
state:false
},{
"id":910,
"name":"imac",
"price":15400,
state:false
}];
//年龄过滤
$scope.search = "";
//下拉菜单过滤商品价格
$scope.productPrice == "--请选择--";
$scope.isShow = function(price){
if ($scope.productPrice == "--请选择--") {
return true;
} else{
var priceArr = $scope.productPrice.split("-");
var min = priceArr[0];
var max = priceArr[1];
if (price < min || price > max) {
return false;
} else{
return true;
}
}
}
//全反
$scope.selectAll = false;
$scope.selectAllFun = function(){
if($scope.selectAll){
for(index in $scope.products){
$scope.products[index].state = true;
<style type="text/css">
table tr:nth-child(even){
background:#C00;
}
table tr:nth-child(odd){
background:#09F;
}
</style>
<script type="text/javascript" src="../jQuery/jquery-2.1.1.js" ></script>
<script type="text/javascript" src="../angular/angular.js" ></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.products = [{
"id":80,
"name":"iphone",
"price":5400,
state:false
},{
"id":1200,
"name":"ipad mini",
"price":2200,
state:false
},{
"id":500,
"name":"ipad air",
"price":2340,
state:false
},{
"id":290,
"name":"ipad",
"price":1420,
state:false
},{
"id":910,
"name":"imac",
"price":15400,
state:false
}];
//年龄过滤
$scope.search = "";
//下拉菜单过滤商品价格
$scope.productPrice == "--请选择--";
$scope.isShow = function(price){
if ($scope.productPrice == "--请选择--") {
return true;
} else{
var priceArr = $scope.productPrice.split("-");
var min = priceArr[0];
var max = priceArr[1];
if (price < min || price > max) {
return false;
} else{
return true;
}
}
}
//全反
$scope.selectAll = false;
$scope.selectAllFun = function(){
if($scope.selectAll){
for(index in $scope.products){
$scope.products[index].state = true;