angularjs-2个数字之间的过滤器值
我想问一下。我已经搜索了angularjs过滤器,但还没有找到适合我的解决方案。我使用angular制作带有IONIC框架的android应用程序 我有价格方面的数据。我想按价格范围进行筛选 例: 我有两个用于筛选的选择框angularjs-2个数字之间的过滤器值,angularjs,ionic-framework,Angularjs,Ionic Framework,我想问一下。我已经搜索了angularjs过滤器,但还没有找到适合我的解决方案。我使用angular制作带有IONIC框架的android应用程序 我有价格方面的数据。我想按价格范围进行筛选 例: 我有两个用于筛选的选择框 <select ng-value="fprice"> <option value="">All</option> <option value="0">0-24999</option> <opt
<select ng-value="fprice">
<option value="">All</option>
<option value="0">0-24999</option>
<option value="25000">25000-49999</option>
</select>
<select ng-value="ftype">
<option value="">All</option>
<option value="fruit">Fruit</option>
<option value="vegetable">Vegetable</option>
</select>
全部的
0-24999
25000-49999
全部的
果
蔬菜
我想如果我选择了第二个值(价格),那么item02不会显示
我有这样的代码
<ion-list>
<ion-item ng-repeat="item in items | filter: { type: ftype, price: ??? }">
{{item.name}}<br>
{{item.type}}<br>
{{item.price}}
</ion-item>
</ion-list>
{{item.name}}
{{item.type}}
{{item.price}}
我的代码是什么?
在我的代码中?我试了一些,但还是没有找到我想要的
多谢各位。抱歉英语不好。您可以创建自定义筛选器。我在上面贴了一个例子 在过滤器里你可以放你想要的东西 我的自定义过滤器
autoDrops.filter('filterCostum', function () {
return function (datas, fprice, ftype) {
console.log(ftype)
var options = [];
angular.forEach(datas, function (data) {
if(ftype != ""){
if (data.type == ftype) {
if(fprice == ""){
options.push(data);
}
else if(fprice == 0){
if(data.price >= 0 && data.price <=24999)
options.push(data);
}
else if(fprice == 25000){
if(data.price >= 25000 && data.price<=49999)
options.push(data);
}
}
}
else{
console.log(fprice)
if(fprice == ""){
options.push(data);
}
else if(fprice == 0){
if(data.price >= 0 && data.price <=24999)
options.push(data);
}
else if(fprice == 25000){
if(data.price >= 25000 && data.price<=49999)
options.push(data);
}
}
});
return options;
}
})
autoDrops.filter('filterCostum',函数(){
返回函数(数据、价格、类型){
console.log(ftype)
var期权=[];
angular.forEach(数据、函数(数据){
如果(ftype!=“”){
if(data.type==ftype){
如果(fprice==“”){
选项。推送(数据);
}
否则如果(fprice==0){
如果(data.price>=0&&data.price=25000&&data.price=0&&data.price=25000&&data.price,您可以创建自定义过滤器。我在
在过滤器里你可以放你想要的东西
我的自定义过滤器
autoDrops.filter('filterCostum', function () {
return function (datas, fprice, ftype) {
console.log(ftype)
var options = [];
angular.forEach(datas, function (data) {
if(ftype != ""){
if (data.type == ftype) {
if(fprice == ""){
options.push(data);
}
else if(fprice == 0){
if(data.price >= 0 && data.price <=24999)
options.push(data);
}
else if(fprice == 25000){
if(data.price >= 25000 && data.price<=49999)
options.push(data);
}
}
}
else{
console.log(fprice)
if(fprice == ""){
options.push(data);
}
else if(fprice == 0){
if(data.price >= 0 && data.price <=24999)
options.push(data);
}
else if(fprice == 25000){
if(data.price >= 25000 && data.price<=49999)
options.push(data);
}
}
});
return options;
}
})
autoDrops.filter('filterCostum',函数(){
返回函数(数据、价格、类型){
console.log(ftype)
var期权=[];
angular.forEach(数据、函数(数据){
如果(ftype!=“”){
if(data.type==ftype){
如果(fprice==“”){
选项。推送(数据);
}
否则如果(fprice==0){
如果(data.price>=0&&data.price=25000&&data.price=0&&data.price=25000&&data.price=25000&&data.price
<div ng-app="autoDrops" ng-controller="DropsController">
<select ng-model="fprice">
<option value="">All</option>
<option value="0">0-24999</option>
<option value="25000">25000-49999</option>
</select>
<select ng-model="ftype">
<option value="">All</option>
<option value="fruit">Fruit</option>
<option value="vegetable">Vegetable</option>
</select>
<div>
<div>
<div ng-repeat="elem in datas | filterCostum: fprice: ftype">
{{elem}}
</div>
</div>
<div>