Question

我的代码文件夹中有两个文件：app.js和index.html。

＆＃13;

// MODULE
var angularApp = angular.module('angularApp', []);

// CONTROLLERS
// Create the controller function and register it with the module
angularApp.controller('mainController', ['$scope', function($scope) {

  $scope.name = 'ABC';
}]);

＆＃13;

<!DOCTYPE html>
<html lang="en-us" ng-app="angularApp">

<head>
  <title>Introduction to AngularJS</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta charset="UTF-8">

  <!-- load bootstrap and fontawesome via CDN -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
  <style>
    html,
    body {
      font-size: 1.1em;
    }
  </style>

  <!-- load angular via CDN -->
  <script src="//code.angularjs.org/1.6.0/angular.min.js"></script>
  <script src="app.js"></script>
</head>

<body>

  <header>
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">AngularJS</a>
        </div>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <div class="container">

    <div ng-controller="mainController">

      <h1>Hello world!</h1>

    </div>

  </div>

</body>

</html>

＆＃13;

我在app.js文件

中收到以下错误消息

错误：＆＃39; angular＆＃39;未定义。[no-undef]

为该行：

var angularApp = angular.module（＆＃39; angularApp＆＃39;，[]）;

但是网页在Chrome中运行良好并且可以正常显示所有内容。但我不明白为什么angular对象会出现此错误，尽管angular.min.js中包含index.html。

如何在我的app.js文件中引用angular.min.js文件？

0 个答案: