javascript - ng-Repeat 上的 Angular 简单过滤器 (>5)

标签 javascript jquery html angularjs

我有一个简单的 Angular 表单,我想在其中过滤 ng-repeat,以便仅显示>5 的值。

<body ng-controller="MainCtrl">
 <div ng-repeat="item in items | filter:value:>5??????/p>
    <p><input type=text ng-model="item.value"></p>
 </div>
</body>

我无法确定其语法。我假设它是一个内置过滤器。

引用:

  app.controller('MainCtrl', function($scope) {
          $scope.items = [ { value: 1 }, { value: 2 }, { value: 5}, { value: 7 } ];

最佳答案

没有为此内置的过滤器,也没有任何语法可以传递给默认过滤器。

您可以:

1。将函数传递给默认过滤器。

HTML:

<div ng-repeat="item in items | filter:filterFn">

JS:

$scope.filterFn = function(item) {
  return item.value > 5;
};

2。注册您自己的过滤器

HTML:

<div ng-repeat="item in items | greaterThan:5">

JS:

app.filter('greaterThan', function() {
  return function(items, value) {

    var filtered = [];

    for (var i = 0; i < items.length; i++) {
      if (items[i].value > value) filtered.push(items[i]);
    }

    return filtered;
  }
});

关于javascript - ng-Repeat 上的 Angular 简单过滤器 (>5),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24110311/

相关文章:

html - 导航栏 - 如果事件 URL 突出显示背景?

html - 根据页面宽度按比例缩放容器中的图像

javascript - jQuery Lazy Load XT - 在自定义事件上强制加载图像

c# - 网络服务错误 500 内部错误 asp.net

html - 将 html 主题转换为 drupal 主题后响应不起作用

Jquery 无效正则表达式标志 r?

jquery选择具有attr值的tbody

javascript - 从 $.getJSON 方法读取数据

javascript - 在这个简单的神经网络示例中,为什么 Tensorflow 比 convnetjs 慢 100 倍?

javascript - 使用 href ="#id"时添加 padding-top 滚动