Display array from factory in angularJS

Question

I'm trying to display 1 of the 2 arrays, this is my factory:

App.factory('NieuwsService', ['BERKVENS_NIEUWS', 'SVEDEX_NIEUWS', function (BERKVENS_NIEUWS, SVEDEX_NIEUWS) {
    var nieuwsService = {};

    var _nieuws = [];

    var _loadNieuws = function (url) {
        switch (url) {
        case 'berkvens':
            _nieuws = BERKVENS_NIEUWS;
            break;
        case 'svedex':
            _nieuws = SVEDEX_NIEUWS;
            break;
        }
    }

    nieuwsService.loadNieuws = _loadNieuws;
    nieuwsService.nieuws = _nieuws;

    return nieuwsService;

}]);

This is the code of my controller:

App.controller('instellingenCtrl', function ($scope, NieuwsService) {
    var url = 'berkvens';

    angular.copy(NieuwsService.loadNieuws(url));

    $scope.message= NieuwsService.nieuws[1].title;
});

But it wouldn't work.

So how do I choose that I want the array 'berkvens' and how do I show it then ?

jsfiddle

Where and how does 'BERKVENS_NIEUWS' and 'SVEDEX_NIEUWS' are defined? A fiddle with what you tried so far could help. — Quad
– Quad, Commented Sep 14, 2015 at 12:05
it would be better if you added BERKVENS_NIEUWS value in your questions. — gaurav bhavsar
– gaurav bhavsar, Commented Sep 14, 2015 at 12:16
@Goldenowner I added working plunker in my answer, and its working fine. — gaurav bhavsar
– gaurav bhavsar, Commented Sep 14, 2015 at 12:26

gaurav bhavsar · Accepted Answer · 2015-09-14 12:28:47Z

1

You not need nieuwsService.nieuws = _nieuws; in your service.
You just need to return _nieuws after case : condition.

Working Plunker

Factory

App.factory('NieuwsService', ['BERKVENS_NIEUWS', 'SVEDEX_NIEUWS', function (BERKVENS_NIEUWS, SVEDEX_NIEUWS) {
    var nieuwsService = {};

    var _nieuws = [];

    var _loadNieuws = function (url) {
        switch (url) {
        case 'berkvens':
            _nieuws = BERKVENS_NIEUWS;
            return _nieuws; // return _nieuws if case 'berkvens'
        case 'svedex':
            _nieuws = SVEDEX_NIEUWS;
            return _nieuws; // return _nieuws if case 'svedex'
        }
    }

    nieuwsService.loadNieuws = _loadNieuws;

    return nieuwsService;

}]);

Controller

App.controller('instellingenCtrl', function ($scope, NieuwsService) {
    var url = 'berkvens';

    // copy loadNieuws  
    var copyLoadNieuws = angular.copy(NieuwsService.loadNieuws(url));

    $scope.message= copyLoadNieuws[1].title;
});

edited Sep 14, 2015 at 12:28

answered Sep 14, 2015 at 12:06

gaurav bhavsar

2,0512 gold badges26 silver badges36 bronze badges

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

2 Comments

gaurav bhavsar Over a year ago

can you use console.log(copyLoadNieuws) to check what you getting ? error is saying copyLoadNieuws is undefined in your controller.

gaurav bhavsar Over a year ago

check Plunker, I added in answer

Collectives™ on Stack Overflow

Display array from factory in angularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related