下拉菜单过滤商品价格范围

来源：互联网发布：qq飞车神影之尊数据编辑：程序博客网时间：2024/04/30 15:53

//下拉菜单过滤商品价格范围
$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;
}
}

}

ng-show = "isShow(good.price)"

//添加数据

//新增商品
$scope.formShow = false;
$scope.formShowFun = function() {
if($scope.formShow) {
$scope.formShow = false;
} else {
$scope.formShow = true;
$scope.updateShow = false;
}
}

//提交新加商品进行验证
$scope.newId = "";
$scope.newName = "";
$scope.newPrice = "";
$scope.checkSub = [];
$scope.divShow = false;
$scope.sub = function() {
$scope.checkSub = [];
if($scope.newId == "" || $scope.newId == null) {
$scope.checkSub.push("产品编号为空");
} else if(isNaN($scope.newId)) {
$scope.checkSub.push("产品编号不是整数");
}
if($scope.newName == "" || $scope.newName == null) {
$scope.checkSub.push("产品名称为空");
}
if($scope.newPrice == "" || $scope.newPrice == null) {
$scope.checkSub.push("产品价格为空");
} else if(isNaN($scope.newPrice)) {
$scope.checkSub.push("产品价格不是整数");
}

if($scope.checkSub.length > 0) {
$scope.divShow = true;
} else {
$scope.divShow = false;
var newPro = {
"id": parseInt($scope.newId),
"name": $scope.newName,
"price": parseInt($scope.newPrice),
state: false
};
$scope.goods.push(newPro);
$scope.formShow = false;
}
}

<button ng-click="formShowFun()">添加新产品</button><br />
<form style="border: 1px solid blue; width: 300px;" ng-show="formShow">
<h3>添加商品</h3> 商品编号：
<input type="text" placeholder="商品编号" ng-model="newId" /><br /><br /> 商品名称：
<input type="text" placeholder="商品名称" ng-model="newName" /><br /><br /> 商品价格：
<input type="text" placeholder="商品价格" ng-model="newPrice" /><br /><br />
<div style="border: 1px solid blue; width: 250px; background-color: pink;" ng-show="divShow">
<ul>
<li ng-repeat="chenk in checkSub">{{chenk}}</li>
</ul>
</div><br />
<input type="button" value="提交" ng-click="sub()" />
</form>

filter:chose

//发货
$scope.choose = "选择状态";
$scope.chose = function(item) {
if($scope.choose != "选择状态") {
if(item.state == $scope.choose) {
return true;
} else {
return false;
}
} else {
return true;
}
};
//点击未发货
$scope.pp = "已发货";
$scope.fahuo = function(index) {
if($scope.data[index].state == "未发货") {
$scope.data[index].state = $scope.pp;
}
};

<td ng-click="fahuo($index)"> {{item.state}} </td>

阅读全文

0 0