如何仅过滤显示的元素？ （不要过滤 $$hashKey）

Question

对象：

    Object
    $$hashKey: "object:25"
    id: 1
    category: "Fruit"
    name: "Apple"
    color: "red"
    __proto__: Object

Javascript（咖啡脚本）：

    $scope.fruits = [
       {id: 1, category: "Fruit", name: "Apple", color: "red"}
    ]

HTML：

    <input type="search" ng-model="fruitSearch"/>


    <div ng-repeat="i in filtro = (fruits | scFilter:fruitSearch)">
      <div>{{i.id}}</div>
      <div>{{i.category}}</div>
      <div>{{i.name}}</div>
      <div>{{i.color}}</div>
    </div>

过滤代码（js/coffee）

    .filter "scFilter", () ->
        (collection, search) ->
            if search
                regexp = createAccentRegexp(search)
                doesMatch = (txt) ->
                    (''+txt).match(regexp)
                collection.filter (el) ->
                    if typeof el == 'object'
                        return true for att, value of el when (typeof value == 'string') && doesMatch(value)
                    doesMatch(el)
                    false
                 else
                     collection

所以我想要在这里只过滤显示的元素（id、类别、名称和颜色），但由于某种原因，当我在输入中键入 25 时，由于他的 $$haskKey，该对象仍然显示。

Answer 1

感谢您添加过滤器代码。 解决方案应该像在搜索匹配项时显式忽略 $$hashKey 一样简单：

.filter "scFilter", () ->
  (collection, search) ->
    return collection unless search
    regexp = createAccentRegexp(search)
    doesMatch = (txt) -> (''+txt).match(regexp)
    collection.filter (el) ->
      if typeof el == 'object'
        return true for att, value of el when typeof(value) is 'string' and doesMatch(value) and att isnt '$$hashKey'
      else  
        doesMatch(el)

我添加了一些小的重构：

• 我将顶层 if 语句更改为保护子句，这降低了代码的缩进级别
• 将简短的 doesMatch 函数更改为单行
• 在条件语句中使用and、is 和isnt

主要变化是跳过key等于$$hashkey的任何属性

这是未经测试的，所以我希望它对你有用。