为什么我的AngularJS代码不工作？（刚开始）

我只有几天时间进入AngularJS，并试图打印出这个简单的信息时遇到了麻烦。我有2个文件，一个是“index.html”，另一个是“app.js”。他们是头脑麻木简单：为什么我的AngularJS代码不工作？（刚开始）

<!--index.html:--> 

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <title>Testing Angular</title> 
    <script type="text/javascript" src="app.js"></script> 
</head> 
<body> 
    <div ng-controller="maryCtrl"> 
     <p>{{mary}}</p> 
    </div> 

</body> 
</html> 
<<!--end of index--> 


//app.js: 

var myApp = angular.module('myApp', []); 
myApp.controller('maryCtrl', function ($scope) { 

$scope.mary = 'had a little lamb.'; 

}); 

//end of app.js

页面上的输出应该是“有只小羊羔”。但我得到“{{mary}}”。真正让我失望的是，我有一台单独的电脑，它工作得很好。我想我必须有一个字符错误或缺少扩展名，但是我发现很难相信，因为我刚刚在此计算机上下载了Visual Studio 2015，该计算机上已预先加载了AngularJS和Angular-intellisense。任何帮助或批评将不胜感激。

来源

2016-02-02 byteGeist

没有下载它是你的代码错误，希望你错过了加上'angular.js'文件引用 –

您需要引用angular.js代码。确保它位于脚本引用的顶部。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.2/angular.min.js"></script>

我提供的链接是用于托管在Google CDN上的代码的副本。使用CDN有很多好处，而不是在计算机上拥有本地的angular.js副本（只要你不想离线测试你的代码）。

您可以在angularjs.org上找到CDN链接;只需点击蓝色的大下载按钮，你会看到获得angular.js

来源

2016-02-02 20:11:51

谢谢！我知道这很简单。 – byteGeist

为@Pankaj Parkar评论的最新版本或旧版本的选项，你应该angular.js文件的app.js文件之前引用：

<!--index.html:--> 

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <title>Testing Angular</title> 
    <script type="text/javascript" src="angular.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
</head> 
<body> 
    <div ng-controller="maryCtrl"> 
     <p>{{mary}}</p> 
    </div> 

</body> 
</html> 
<<!--end of index--> 


//app.js: 

var myApp = angular.module('myApp', []); 
myApp.controller('maryCtrl', function ($scope) { 

$scope.mary = 'had a little lamb.'; 

}); 

//end of app.js

你可以从https://github.com/angular/angular.js

来源

2016-02-02 20:36:24

为什么我的AngularJS代码不工作？ （刚开始）

回答

相关问题

为什么我的AngularJS代码不工作？（刚开始）