Javascript 将ng模型传递到自定义过滤器

我需要创建一个文本框，使用angular搜索javascript数组（其中包含对象）。它需要严格，并且只在结果完全匹配后返回结果（因此与默认过滤器不同，如果没有文本，则不应返回任何内容）。我在这里找到了一个自定义过滤器（谢谢大家），它实现了我想要的功能，但有一个例外：我无法将我的输入ng模型传递给它。使用默认的角度过滤器，我可以像这样将ng模型传递给它：

但当我尝试使用exactMatch过滤器时

app.filter('exactMatch', function() {
    return function(additives, pattern) {
        var result = [];
        console.log(pattern);
        additives.forEach(function (additive) {
            if(pattern != "") {
                console.log(pattern);
                if (additive.Number == pattern) {
                    result.push(additive);
                }
            }
        });
        return result;
    }
});

它拒绝合作，并且

console.log（pattern）

返回未定义的

---

我还意识到，

ng repeat

可能不是最好的方法，因为我只返回max 1对象。

您可以尝试完全删除过滤器，如果元素相等，只显示/隐藏它们

标记：

<div ng-app="app" ng-controller="mainCtrl">
   <input type="text" ng-model="search.searchId">
   <div ng-repeat="additive in data.additives">
       <span ng-show="actions.showIfEqual(additive);">{{additive}}</span>
   </div>
</div>

---

对我来说，我必须删除

.Number

，才能让Mosho的小提琴在Chrome中工作：

app.controller('mainCtrl', function($scope) {
    $scope.data = {
        additives: ['a','b', 'c', 'd']
    }
    $scope.search = {
        searchId: ''
    };

    $scope.actions = {
        showIfEqual: function (additive) {
            console.log(additive === $scope.search.searchId);
            return additive === $scope.search.searchId;
        }
    };
});