从基本应用程序获取 angularjs 错误

Getting an angularjs error from a basic app

本文关键字：angularjs 错误 获取 应用程序      更新时间：2023-09-26

代码： 

<!DOCTYPE html>
<html>
<head> 
    <!-- angular -->    
    <script src="angular.min.js"></script>
</head>
<body ng-app="app"> 
<div ng-controller="MainController">
  <p>{{ title }}</p>
</div>

<!-- Modules -->
<script src="app.js"></script>
<!-- Controllers -->
<script src="MainController.js"></script>
<!-- Directives -->
<script src="timelineInfo.js"></script>

</body>
</html>

我的所有文件都在同一个文件夹中，因为我在执行 src="js/..." 时遇到问题。

我收到错误：

angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.1/$injector/modulerr?p0=app&p1=Error%3…0%20%20at%20c%20(http%3A%2F%2Flocalhost%3A8080%2Fangular.min.js%3A20%3A42

我不完全明白该网站的建议。我在我的索引目录中使用了 angular.min.js，因为它链接到 http 文件给我带来了问题。我要做的就是运行一个简单的应用程序，这样我就可以从那里构建，但即使这样也给我带来了问题。

（我正在从本地计算机运行）

谢谢！！

---------------------------------其他文件

----------------------

应用.js：

var app = angular.module("timelineApp", []);

主控制器.js：

app.controller('MainController', ['$scope', function($scope) { 
      $scope.title = 'this is a test'; 
    }]);

问题是在您的 html 中您有ng-app中引用app模块。在您的app.js中，您的模块名称为 timelineApp .

您需要同步它们。

更新应用.js

从

var app = angular.module("timelineApp", []);

自

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

或者从以下位置更新标记

<body ng-app="app">

自

<body ng-app="timelineApp">
HTML

代码中的ng-app值应该与javascript中的角度模块相同。

例如，在您的情况下，它应该如下：-

<ng-app="timelineApp"> // in your html code

或以下：-

var app=angular.module('app',[]); // in your javascript

另外，如果您之后仍然遇到错误，那么您可以在此处回答我的答案之一

您收到的错误是指您的应用程序未正确引导。因此，Angular 的编译器不理解它遇到的指令;在这种情况下，这将是ng-controller

了解正在发生的事情很重要。

var app = angular.module("timelineApp, []")

随后

<body ng-app="app">

ng-app确实应该timelineApp，因为这是您设置角度模块名称的原因。

上面的代码"引导"您的应用程序。一旦应用程序被引导，Angular的编译器将遍历页面的标记。当它遇到ng-app指令时，它会timelineApp查看其值，并知道它已注册为角度应用程序。

这也有助于它了解您在app上注册了控制器：

app.controller('MainController', ['$scope', function($scope) { 
     $scope.title = 'this is a test'; 
}]);
相关文章：