Angularsjs cannot find service function

Question

My filterProducts function makes a call to findIntersection which is present but I get an error findIntersection is undefined.

angular.module('BrandService', [])
.service('BrandService', function ($filter, DataService) {
    var productDb;
    var products;

    return {
        filterProducts(brands, priceRange) {
            var filteredProducts = [];
            var brandProducts = [];
            var priceProducts = [];
            var productsArray = [];

            var brandChecked = false;
            var priceChecked = false;

            angular.forEach(brands, function (brand) {
                if (brand.checked) {
                    brandChecked = true;

                    angular.extend(brandProducts,
                        $filter('filter')(productDb, { 'brand': brand.name }));
                }

                if (brandChecked) {
                    productsArray.push(brandProducts);
                    console.log('brandProducts = ', brandProducts)
                }
            });

            angular.forEach(priceRange, function (price) {
                if (price.checked) {
                    priceChecked = true;

                    let filteredProductDb = productDb.filter((prod) => {
                        return (prod.price >= price.low && prod.price <= price.high);
                    });
                    angular.extend(priceProducts, filteredProductDb);    
                }
            });

            if (priceChecked) {
                productsArray.push(priceProducts);
                // console.log('priceProducts = ', priceProducts)
            }

            if (!brandChecked && !priceChecked) {
                filteredProducts = products;
            } else {
                if (productsArray.length > 1) {
                    filteredProducts = findIntersection(productsArray);
                } else {
                    filteredProducts = productsArray[0];
                }
            }

            return filteredProducts;
        },

        findIntersection(productsArray) {
            console.log('findIntersection called')
            var filteredProducts = [];
            var filteredSet = new Set();

            for(var i=0; i < productsArray.length - 1; i++) {
                var products1 = productsArray[i];
                var products2 = productsArray[i+1];

                angular.forEach(products1, function(product1) {
                    angular.forEach(products2, function(product2) {
                        if(product1._id == product2._id) {
                            filteredSet.add(product1);
                        }
                    });
                });
            }

            filteredProducts = Array.from(filteredSet);
            return filteredProducts;
        }            
    }        
})

My filterProducts function makes a call to findIntersection which is present but I get an error findIntersection is undefined.

anotherdev · Accepted Answer · 2017-10-14 18:09:42Z

1

You are returning a javascript object with properties. You are not defining global functions.

You need to store the service returned before :

var service = { findProducts: ... , findIntersection: ... };
return service;

And instead of calling findIntersection, call service.findIntersection.

answered Oct 14, 2017 at 18:09

anotherdev

2,5671 gold badge16 silver badges24 bronze badges

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

Comments

korteee · Accepted Answer · 2017-10-14 18:23:42Z

0

You have to make a reference to local object.

Simply change this: filteredProducts = findIntersection(productsArray);

to this: filteredProducts = this.findIntersection(productsArray);

answered Oct 14, 2017 at 18:23

korteee

2,7122 gold badges21 silver badges25 bronze badges

Collectives™ on Stack Overflow

Angularsjs cannot find service function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related