为什么不是'；我的AngularJS代码不工作吗？（刚刚开始）_Angularjs_Visual Studio 2015

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

angularjs visual-studio-2015

为什么不是'；我的AngularJS代码不工作吗？（刚刚开始）,angularjs,visual-studio-2015,Angularjs,Visual Studio 2015,我只接触了AngularJS几天，一直很难打印出这个简单的消息。我有两个文件，一个是“index.html”，另一个是“app.js”。它们非常简单：  <!DOCTYPE html> <html ng-app="myApp"> <head> <title>Testing Angular</title> <script type="text/javascript"

我只接触了AngularJS几天，一直很难打印出这个简单的消息。我有两个文件，一个是“index.html”，另一个是“app.js”。它们非常简单：

<!--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}}
您需要对angular.js代码的引用。
确保它位于脚本引用的顶部
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.2/angular.min.js"></script>



我提供的链接是为了获得托管在谷歌CDN上的代码副本。与在计算机上安装angular.js的本地副本相比，使用CDN有很多好处（只要您不尝试脱机测试代码）
你可以在angularjs.org上找到CDN链接；只需单击蓝色大下载按钮，您将看到获取angular.js最新版本或旧版本的选项。
正如@Pankaj Parkar所评论的，您应该在app.js文件之前引用angular.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


测角
{{mary}}
您的代码没有问题，希望您没有添加angular.js
文件引用谢谢！我知道这很简单。