Question

我正在研究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!";
})

Answer 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>

＆＃13;

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;

Answer 2

您缺少ng-app

<body ng-app="myApp" ng-controller="myCtrl">

Answer 3

在您的计划中添加ng-app。

这是申请的起点。

AngularJs项目抛出未定义的错误角度

3 个答案: