我正在研究AngularJs的简单应用。我使用cloud9作为Ide并在我的项目中通过bower安装Angular,但仍然在我的.js文件中得到错误“angular not defined”。 这是我的代码,请帮助我。
的index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>BlogIt!</title>
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="myCtrl">
{{message}}
</body>
</html>
app.js
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.message = "Welcome to BlogIt!";
})
答案 0 :(得分:1)
您无法在页面上加载angular.min.js.
尝试改变这样:
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
到
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.message = "Welcome to BlogIt!";
})
&#13;
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>BlogIt!</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="myCtrl">
{{message}}
</body>
</html>
&#13;
答案 1 :(得分:0)
您缺少ng-app
<body ng-app="myApp" ng-controller="myCtrl">
答案 2 :(得分:0)
在您的计划中添加ng-app。
这是申请的起点。