AngularJS filtering by code

Question

I'm working with AngularJS. How can I search by Code? My current implementation searches what ever you type: id , name, city, code... How can I search only by 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);
                }
            });
        }
    };
});

example on jSFiddle

Yeah Thnx, I already know about ng-init, I want to filter but without using ng-repeat ??? — elreeda
– elreeda, Commented Jun 13, 2015 at 10:04

hpatel · Accepted Answer · 2015-06-13 10:09:48Z

3

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

answered Jun 13, 2015 at 10:09

hpatel

1998 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hpatel Over a year ago

Just need to specify cell number of the heading row e.g. el.cells[3] for Code column

nitin · Accepted Answer · 2015-06-13 12:03:12Z

1

If you have any text box to write the code and filter based upon on that, then you can use | inbuilt filter of angular like this,

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

Hope this will help to solve your problem :)

answered Jun 13, 2015 at 12:03

nitin

1562 silver badges13 bronze badges

Collectives™ on Stack Overflow

AngularJS filtering by code

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related