javascript - 从 Angular Controller 访问 javascript 数组的最佳方法

Question

在 Angular Controller 中使用在 Angular Controller 外部声明的数组的最佳方法是什么？

首先我声明一个数组:

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

我还有一个 Angular Controller :

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

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


});

我试过:

在 Controller 中将变量作为引用传递:

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

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


    });

并简单地尝试从 Controller 中调用变量:

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

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

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

但是，两者都不起作用。

我如何实现这一目标？

Answer 1

通常我会使用 Angular 服务。 https://docs.angularjs.org/guide/services

您可以创建一个包含如下列表的服务:

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

然后您可以像这样将该服务注入(inject)到您的 Controller 中:

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