best way to access javascript array from angular controller

Question

What is the best way to be able to use an array declared outside of an angular controller, withing the angular controller?

first I declare an array:

var cars = ["Saab", "Volvo", "BMW"];

I also have an angular controller:

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

myApp.controller('MyCtrl', function ($scope) {


});

I have tried:

Passing the variable through as reference in the controller:

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

    myApp.controller('MyCtrl', function ($scope, url) {


    });

and simply trying to call the variable from within the controller:

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

myApp.controller('MyCtrl', function ($scope) {

console.log(cars[1]);
});

However, neither have worked.

How do I achieve this?

You may want to create the resource and then inject it, I think this may be of help: stackoverflow.com/questions/30133415/… — DrCord
– DrCord, Commented May 12, 2015 at 22:11
If the array doesn't change (i.e. it's a fixed list of car types). I would use an Angular constant. You can inject those just like services, except it's not an object. It's just data you inject. So it'll remain an array type. — Reactgular
– Reactgular, Commented May 13, 2015 at 1:23

Nicholas J. Markkula · Accepted Answer · 2015-05-12 22:25:42Z

1

Typically I would use an angular service. https://docs.angularjs.org/guide/services

You could create a service that contains the list like this:

var ListService = (function () {
    function ListService() {
        this.cars = ["", "", ""]
    }       
    return ListService;
})();
myApp.service("listService", [ListService]);

then you could inject that service into your controller like this:

var MyCtrl = function ($scope, listService) {
    console.log(listService.cars[1]);
}
myApp.controller('MyCtrl', ['$scope', 'listService', MyCtrl])

answered May 12, 2015 at 22:25

Nicholas J. Markkula

1,5724 gold badges18 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

best way to access javascript array from angular controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related