Как получить доступ к AngularJS переменной из шаблона сценария

Question

Мой контроллер:

$scope.totals = totals; 

Мой шаблон (работает, как ожидалось для HTML инъекции):

{{totals}} 

Но что мне нужно, чтобы получить доступ к переменной totals в сценарий в шаблоне, например так:

<script> 
    var totals = ????; 
    // do stuff with totals 
</script> 

Я попытался $scope.totals, $totals, {{totals}} и т. Д., Безрезультатно. Буду признателен за понимание, спасибо!

EDIT:

Ниже приведен jsfiddle моего контроллера и шаблона. Внутри шаблона я хочу вставить скрипт, который использует переменную $scope.totals.

http://jsfiddle.net/38CrC/

Answer 1

OP Ответ:

Я закончил тем, что использовать директиву, чтобы найти значение я хотел. В контроллере, установите значение я хотел бы использовать я добавил директиву так, чтобы он выглядел следующим образом:

'use strict'; 

angular.module('AdminApp') 
    .controller('AdminEventsCtrl', function ($scope, collection) { 
    $scope.totals = collection; 
    }).directive('foo', function(){ 
    return { 
     restrict: 'A', 
     link: function(scope, elem, attrs){ 
      //Use scope.totals here 
     } 
    } 
}); 

В моем шаблоне я имел заявление:

<div foo></div> 

Это дало мне возможность сделайте то, что мне нужно, с итоговыми значениями переменных.

Особая благодарность @jvandemo за помощь в получении этого ответа.

Answer 2

Прежде всего, идея заключается в AngularJS avond ситуации, как это.

Что касается AngularJS, вы, вероятно, лучше переосмыслите свое приложение и используете директиву для инкапсуляции кода, который вы сейчас пишете в тегах сценария.

Однако, как говорится, есть способ получить доступ к области действия, как это:

var $element = $('#elementId'); 

var scope = angular.element($element).scope(); 

Вы можете прочитать documentation для более подробной информации.

Но, как сказано, в большинстве случаев это не рекомендуется.

Надеюсь, что это поможет!

---

Update после OP размещена jsFiddle:

Я создал рабочую jsFiddle для вашего удобства в http://jsfiddle.net/jvandemo/hYnBa/1/

Поскольку ваш пример имеет простой div с атрибутом ng-controller, вы можете получить доступ сферы, как это :

<script> 
    $(document).ready(function(){ 
     var $element = $('div[ng-controller="AdminEventsCtrl"]'); 
     var scope = angular.element($element).scope(); 
     console.dir(scope); 
    }); 
</script> 

Вот что происходит:

• Вы выбираете элемент (в данном случае с помощью JQuery)
• Вы обернуть элемент в качестве AngularJS элемента (выставляя дополнительные методы на элементе)
• Вы вызываете метод scope() на элементе
• Затем вы можете получить доступ к свойствам области, например scope.totals

Надеюсь, что это поможет!