AngularJS - Как получить доступ к массиву Javascript?

Question

У меня есть массив Javascript, который содержит значения. Я хочу, чтобы этот массив был источником, который Angular считывает для обновления пользовательского интерфейса. Но как мне получить доступ к нему из Angular?

Как:

<script> 
var myArr = ["apple", "banana", "cherry"]; 
/** 
* then all Angular stuffs here... 
*/ 
</script> 

<div ng-controller="myController"> 
    <ul> 
     <li ng-repeat="i in what?"> 
      {{ i }} 
     </li> 
    </ul> 
</div> 

Конечно я могу построить массив в угловой области. Но в любом случае, как мне получить доступ к Javascript Array?

Answer 1

У меня есть массив Javascript, который содержит значения. Я хочу, чтобы этот массив был источником, который Angular считывает для обновления пользовательского интерфейса.

Ну, вы не можете не должны. Вы должны переместить это в своем контроллере angularjs. Это потому, что все, что вы пишете в теге <script>, было бы вне контекста углового.

Просто переместите массив контроллер

myApp.controller('myController', function($scope) { 
    $scope.myArr = ["apple", "banana", "cherry"]; 
}); 

UPDATE: [После обсуждения с @Cerbrus в комментариях ниже]

Как ответил @deceze и @Amir, его выполнимо путем инъекций $window сервис в контроллере и создание аналогичного массива в контекст угловой. Кроме того, только потому, что что-то выполнимо, это не значит, что вы должны пойти на это.

function($scope, $window) { 
    $scope.myArr = $window.myArr; 
} 

Answer 2

Предполагая вар на окне (если есть из внешнего источника), вы можете вводить $window к контроллеру и принести его.

// Контроллер

function($scope, $window) { 
    $scope.myArr = $window.myArr; 
} 

// Вид:

<div ng-controller="myController"> 
    <ul> 
     <li ng-repeat="i in myArr"> 
      {{ i }} 
     </li> 
    </ul> 
</div> 

JSFIDDLE.

Answer 3

Вам необходимо установить переменную на $scope на соответствующий контроллер. Если массив происходит от «снаружи» Угловое, просто сделать это:

myApp.controller('myController', function ($scope, $window) { 
    $scope.myArr = $window.myArr; 
}); 

Теперь myArr доступен в шаблоне.

Answer 4

Да, вы можете это сделать.

Но если вы хотите сделать это, вам нужно настроить много вещей ...

.... Позвони угловые сценарии

..... характеристики маршрута

..... узнал о архитектуре MVC с использованием угловых.JS

..... А угловые переменные

Так узнавайте here

Читать эту article

Answer 5

Вы должны установить myArr до $ объема вместо var myArr.

Заменить var myArr на $scope.myArr и поместите его в контроллер. Простой, так как это