从AngularJS中访问全局变量

Question

从AngularJS中访问全局变量

8

我希望能够使用嵌入在HTML页面中的JSON对象初始化Angular模型。例如：

<html>
  <body>
    <script type="text/javascript" charset="utf-8">
      var tags = [{"name": "some json"}];
    </script>
    <ul>
      <li ng-repeat="tag in tags">{{tag.name}}</li>
    </ul>
  </body>
</html>

由于在$scope中查找，因此无法解析tags字段。我尝试在控制器中像这样访问tags字段：

function TagList($scope, $rootScope) {
  $scope.tags = $rootScope.tags;
}

但是它并不起作用。

只有当我直接将TagList包含在HTML页面中，并将JSON直接渲染到该函数中时，它才有效。

如何在Angular控制器的独立js文件中访问tags字段？

- deamon

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Stewie · Accepted Answer

至少有两种方法：

在独立的脚本标记中声明你的 tags 数组，这样你的 tags 变量将被绑定到 window 对象上。注入 $window 到你的控制器中以访问你的与 window 绑定的变量。
在 ng-init 指令内部声明你的 tags 数组。

同时展示两种解决方案：

HTML:

<body>

  <script type="text/javascript" charset="utf-8">
    var tags = [{"name": "some json"}];
  </script>

  <div ng-controller="AppController">
    tags: {{tags | json}}
    <ul>
      <li ng-repeat="tag in tags">{{tag.name}}</li>
    </ul>
  </div>  

  <div>
    <ul ng-init="tags = [{name: 'some json'}]">
      <li ng-repeat="tag in tags">{{tag.name}}</li>
    </ul>
  </div>

</body>

JS：

app.controller('AppController',
  [
    '$scope',
    '$window',
    function($scope, $window) {
      $scope.tags = $window.tags;
    }
  ]
);

Plnkr

我强烈不建议污染window对象。