2015-04-25 23 views
2

我开始与AngularJS一起工作,并且在使用angular.js文件的本地副本时遇到问题。以下是我想要开始工作的示例。当我参考CDN脚本时,该页面正确显示'Hello,World'。当我参考本地脚本时,绑定不会发生。浏览器能够找到本地的angular.js文件,它似乎没有执行绑定。引用local 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> 
+0

任何特别的原因您正在使用角1.0。 4? –

+2

您的本地副本可能是比1.0.4更新的版本,它完全过时。在最近的版本中,全局功能不再是控制器。 –

+0

没理由。今天尝试我的第一个Hello World Angular应用程序。 – Pericles

回答

2

如果我开始接触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> 

在此之前,最新款式的角度编码

+0

谢谢Shivas! – Pericles