-1

我正在开发一个简单的 AngularJs 应用程序。我使用 cloud9 作为 Ide 并在我的项目中通过 bower 安装 Angular，但在我的 .js 文件中仍然出现错误“角度未定义”。这是我的代码，请帮助我。

索引.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>

应用程序.js

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  $scope.message = "Welcome to BlogIt!";
})
4

3 回答 3

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!";
})
<!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>

于 2018-01-05T04:46:40.253 回答
0

你缺少 ng-app

<body ng-app="myApp" ng-controller="myCtrl">
于 2018-01-05T04:33:03.427 回答
0

在你的程序中添加 ng-app。

这是应用程序的起点。

于 2018-01-05T04:37:38.263 回答