如何过滤掉包含以下一个或多个单词的文本

时间:2015-02-02 15:43:27

标签: angularjs filter

如果我有一个对象数组

var obj = [{
  text: "Hello my name is none of your business"
  },
  { 
  text: "This is the second text of this object, hello"
  },
  { 
  text: "This is the third text of this object, hello"
  },{ 
  text: "This is a copy of the third text of this object, hello"
  }];

如何过滤掉包含不一定按顺序的关键字的所有对象?提供了一个jsfiddle以进一步澄清

e.g。

  • 用户搜索"此",过滤器返回第二,第三和第四文本

  • 用户搜索"第三个副本",过滤器只返回第四个文本,

问题是使用基本过滤器(下面的示例)似乎搜索确切的短语。例如"第三份副本"将返回一个空结果。用户必须键入第三个"副本。得到一个结果。

JSFiddle:http://jsfiddle.net/mpm2uamf/

我想到在所有单个空格上使用split函数然后以某种方式使用正则表达式循环...但我显然不知道我在做什么

.filter('searchBody', function(){
return function(elements, input){


  if(input !== undefined){
    var inputs = input.split(" ");

  }
  var filtered = [];
  // loop through user inputs and make them optional in RegExp?
  var letterMatch = new RegExp(inputs, 'i');
  for(var i = 0; i < elements.length; i++){
    var element = elements[i];
    if( letterMatch.test(element.body)){
      filtered.push(element);
    }
  }
  return filtered;
};
})

有人可以给我提示或解释如何做到这一点吗?

1 个答案:

答案 0 :(得分:4)

我已经创建了一个自定义过滤器:

app.filter('multipleTags', function($filter) {
  return function multipleTags(items, predicates) {
    predicates = predicates.split(',')

    angular.forEach(predicates, function(predicate) {
      items = $filter('filter')(items, predicate.trim())
    })
    return items;
  }
})

http://plnkr.co/edit/ZhnuM0WW3GZS5QLxK98t?p=preview

虽然我的代码是为逗号分隔的标签设计的,但它可以在你的情况下重复用于空格