【问题标题】:Custom filtering in range in meteor with angularjs使用angularjs在流星范围内自定义过滤
【发布时间】:2017-02-15 15:28:28
【问题描述】:

我在按范围过滤时遇到了一个大问题。 我需要按价格过滤产品。很抱歉弄得一团糟

HTML:

<input type="number" ng-model="cena.minAmount">
<input type="number" ng-model="cena.maxAmount">

<div ng-repeat="przedmiot in przedmioty | filterPrice">
    <p>
      {{przedmiot.name}}
    </p>
    <p>
      {{przedmiot.cena | currency}}
    </p>
  </div>
</div>

JS

this.amountRange = function(input, cena) {
  var filteredAmount = [];
  angular.forEach(input, function(przedmiot){
    if(amount && (przedmiot.cena >= cena.minAmount && przedmiot.cena        <=  cena.maxAmount))
    filteredAmount.push(item);
  });
  return filteredAmount.length>0 ? filteredAmount : input
  }`

【问题讨论】:

  • 您是否也想从服务器获取过滤结果?来自 Mongo DB?

标签: javascript angularjs meteor filtering angular-meteor


【解决方案1】:

AngularJS 有货币过滤器,你可以多看看这些例子:

AngularJS www.w3schools.com currency Filter

AngularJS docs currency Filter

您必须创建自定义过滤器:

Building custom filters

【讨论】:

  • 谢谢,但我的意思是按输入字段中设置的数字范围进行过滤。就像在电子商务的搜索框中一样,当您想要搜索 20 美元到 50 美元之间的产品时。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-05-21
  • 2014-01-05
  • 2013-04-23
  • 2015-12-23
  • 2014-07-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多