引用本地 angular.js 不起作用答案

【问题标题】：Referencing local angular.js does not work引用本地 angular.js 不起作用
【发布时间】：2015-04-25 21:41:18
【问题描述】：

我开始使用 AngularJS，但在使用 angular.js 文件的本地副本时遇到了问题。以下是我尝试开始工作的示例。当我引用 CDN 脚本时，页面正确显示“Hello, World”。当我引用本地脚本时，绑定不会发生。浏览器能够定位到本地的 angular.js 文件，只是似乎没有执行绑定。

<html ng-app>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
    <!--<script src="Scripts/angular.js"></script>-->
    <script>
        function HelloController($scope) {
            $scope.greeting = { text: "Hello" };
        }
    </script>
</head>
<body>
    <div ng-controller="HelloController">
        <p>{{greeting.text}}, World</p>
    </div>
</body>
</html>

【问题讨论】：

您使用 Angular 1.0.4 的任何特殊原因？
您的本地副本可能是比完全过时的 1.0.4 更新得多的版本。在最近的版本中，全局函数不再是控制器。
没有理由。今天尝试我的第一个 Hello World Angular 应用程序。
你本地的 angularjs 副本是什么版本？
本地版本为1.3.15

标签： angularjs

【解决方案1】：

如果我从 1.3.15 开始会做这样的事情：

<html ng-app="main.app">

<head>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script>
  angular.module('main.app', [])
  .controller('HelloController', function () {
    var self = this;

    this.greeting = { text: "Hello" };
})

</script>
</head>

 <body ng-controller="HelloController as HelloCtrl">
   <p>{{HelloCtrl.greeting.text}}, World</p>
 </body>

</html>

这遵循了最新的角度编码风格

【讨论】：