15

我的控制器：

$scope.totals = totals;

我的模板（如预期的 html 注入工作）：

{{totals}}

但我需要的是访问totals模板中脚本中的变量，如下所示：

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

我试过$scope.totals, $totals, {{totals}}, 等，但无济于事。我将不胜感激任何见解，谢谢！

编辑：

以下是我的控制器和模板的 jsfiddle。在模板内部，我想插入一个使用该$scope.totals变量的脚本。

http://jsfiddle.net/38CrC/

4

2 回答 2

14

首先，AngularJS 背后的想法是避免这种情况。

就 AngularJS 而言，您最好重新考虑您的应用程序并使用指令将您当前正在编写的代码封装在脚本标签中。

但是，话虽如此，有一种方法可以访问这样的范围：

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

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

您可以阅读文档以获取更多详细信息。

但如前所述，在大多数情况下，这不是推荐的做法。

希望有帮助！

OP 发布 jsFiddle 后更新：

为了您的方便，我在http://jsfiddle.net/jvandemo/hYnBa/1/创建了一个可用的 jsFiddle

由于您的示例具有简单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

希望有帮助！

于 2013-06-22T22:47:49.260 回答
2

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 帮助我得出这个答案。

于 2013-06-23T17:10:33.667 回答