AngularJS 按代码过滤

Question

我正在与 AngularJS 合作。如何按 Code 搜索？我当前的实现会搜索您键入的任何内容：id、name、city、code...我如何才能仅按代码搜索？

app.js:

var app = angular.module('stack', []);

app.directive('filterList', function ($timeout) {
    return {
        link: function (scope, element, attrs) {

            var td = Array.prototype.slice.call(element[0].children);

            function filterBy(value) {
                td.forEach(function (el) {
                    el.className = el.textContent.toLowerCase().indexOf(value.toLowerCase()) !== -1 ? '' : 'ng-hide';
                });
            }

            scope.$watch(attrs.filterList, function (newVal, oldVal) {
                if (newVal !== oldVal) {
                    filterBy(newVal);
                }
            });
        }
    };
});

jSFiddle

上的示例

Answer 1

    var app = angular.module('stack', []);

    app.directive('filterList', function ($timeout) {
        return {
            link: function (scope, element, attrs) {

                var td = Array.prototype.slice.call(element[0].children);

                function filterBy(value) {
                    td.forEach(function (el) {
                        el.className = el.cells[3].textContent.toLowerCase().indexOf(value.toLowerCase()) !== -1 ? '' : 'ng-hide';
                    });
                }

                scope.$watch(attrs.filterList, function (newVal, oldVal) {
                    if (newVal !== oldVal) {
                        filterBy(newVal);
                    }
                });
            }
        };
    });

Answer 2

如果您有任何文本框来编写代码并根据它进行筛选，那么您可以使用 |像这样 angular 的内置过滤器，

<div ng-repeat="product in products | filter:{ colour: by_colour }">

希望这有助于解决您的问题:)

AngularJS 按代码过滤

AngularJS filtering by code

javascript

angularjs

angular-filters