Question

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

<input type="text" ng-model="searchID">

<div ng-repeat="additive in additives | filter:searchID">

但是当我尝试使用我的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)返回undefined。

我也意识到ng-repeat可能不是最好的方法，因为我只返回了最多1个对象。

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

控制器逻辑：

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;
        }
    };
});

将ng-model传递到自定义过滤器

1 个答案: