在角度范围内访问全局变量

Question

在http://www.w3schools.com/angular/tryit.asp?filename=try_ng_repeat_object中

代替

  <div ng-app="" ng-init="names=[
  {name:'Jani',country:'Norway'},
  {name:'Hege',country:'Sweden'},
  {name:'Kai',country:'Denmark'}]">

是否有一种语法可以引用在ng-init中其他地方声明的外部变量（而不是在angularjs控制器中声明的），因为该语法不起作用：

  <script>
  var myNames = [
  {name:'Jani',country:'Norway'},
  {name:'Hege',country:'Sweden'},
  {name:'Kai',country:'Denmark'}]
  </script>

  <div ng-app="" ng-init="names=myNames">

我知道这是不好的做法，但我也使用其他框架，也不想重复变量的内容。 它仅用于原型设计，而不是用于实际应用的代码。

否则，如果我使用ng-init初始声明，可以从另一个脚本变量中引用它吗？

Answer 1

由于以下原因，它不起作用

1. 脚本标记用于html文档的javascript。 它与angular的ng-init指令无关。
2. 有关ngInit指令的角度文档警告如下所示。

最佳实践是在出现这种情况时与控制器一起使用。

根据聊天中的讨论进行了更新

<body>
  <script>
  var myNames = [
  {name:'Jani',country:'Norway'},
  {name:'Hege',country:'Sweden'},
  {name:'Kai',country:'Denmark'}];

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

  app.controller('myController',function($scope){

        $scope.names=window.myNames;

  });
  </script>
    <div ng-app="myApp" ng-controller="myController">
        <p>Looping with objects:</p>
        <ul>
          <li ng-repeat="x in names">{{ x.name + ', ' + x.country }}</li>
        </ul>
    </div>
</body>