AngularJS как включить массив из другого файла?

Question

У меня есть довольно большие двоичные (200 кб) массивы, определенные внутри контроллера. Теперь я хочу поместить эти большие массивы в отдельные файлы и как-то включить их или заполучить их в своем контроллере.

Есть ли элегантный способ сделать это? Могу ли я разместить массивы в разных службах, а затем получить массивы из сервисов?

Answer 1

Просто уточнить @ ответ hansmaad и обеспечить demo

HTML

<div ng-app="myApp" ng-controller="myController"> 
    <div ng-repeat="item in bigArray"> 
     <h1>{{item.name}}</h1> 
    </div> 
</div> 

JavaScript

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

//In another file 
app.constant("BigArray", [ 
    { 
     name: "Item 1" 
    }, 
    { 
     name: "Item 2" 
    }, 
    { 
     name: "Item 3" 
    } 
]); 
//In another file end 

app.controller("myController", ["$scope", "BigArray", function($scope, BigArray){ 
    $scope.bigArray = BigArray; 
}]); 

ОБНОВЛЕНИЕ

HTML

<div ng-app="myApp" ng-controller="myController"> 
    <div ng-repeat="item in bigArray"> 
     <h1>{{item}}</h1> 
    </div> 
</div> 

JavaScript

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

//In another file 
app.constant("BigArray", new Uint8Array([0x10, 0x20, 0x30])); 
//In another file end 

app.controller("myController", ["$scope", "BigArray", function($scope, BigArray){ 
    $scope.bigArray = BigArray; 
}]); 

Обновлено JSFiddle

Answer 2

Вы можете выбрать один из рецептов поставщика, чтобы ввести массив в контроллеры, службы или директивы.

https://docs.angularjs.org/guide/providers

Константа рецепт будет хорошим началом

myApp.constant('bigArray', myArray); 

Answer 3

Вы можете классифицировать массивы в различных служебных файлов и вводить эти услуги в контроллере, чтобы получить эти массивы, а затем может управлять данными в файле контроллера. Вы также можете сохранить эти массивы в простых JSon файлов и сделать HTTP GET запрос, чтобы получить эти данные, как

$http.get('/path to your file') 
.success(function(data){ 
    //logic 
    }) 
.error(function(data){ 
      //capture error 
});