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

Question

Object:

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

Javascript (coffescript):

    $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>

Filter code (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

So what i want here is to filter only the displayed elements (id,category,name and color), but for some reason when i type 25 on the input the object still shows up, because of his $$haskKey.

Answer 1

Thank you for adding the filter code. The solution should be as simple as explicitly ignoring the $$hashKey when searching for matches:

.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)

I added some small refactors:

• I changed the top level if statement to a guard clause, which reduces the level of indentation of the code
• changed the short doesMatch function to a one liner
• use and , is and isnt in your conditional statement

The main change was to skip over any attribute with key equal to $$hashkey

This is untested, so I hope it works for you.