代码:
<!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文件会给我带来问题。我所要做的就是运行一个简单的应用程序,这样我就可以从那里构建,但即使这样也会给我带来问题。
(我是从本地机器上运行的)
谢谢!!
app.js:
var app = angular.module("timelineApp", []);
MainController.js:
app.controller('MainController', ['$scope', function($scope) {
$scope.title = 'this is a test';
}]);
发布于 2016-01-20 10:14:02
问题是,在您的html中,ng-app
中引用了ng-app
模块。在您的app.js
中,您的模块名为timelineApp
。
你需要同步它们。
要么更新您的app.js
从…
var app = angular.module("timelineApp", []);
至
var app = angular.module("app", []);
或者从
<body ng-app="app">
至
<body ng-app="timelineApp">
发布于 2016-01-20 10:53:01
ng- html代码中的app值应该与javascript中的角模块相同。
例如,在你的情况下,它应该是:-
<ng-app="timelineApp"> // in your html code
或以下:-
var app=angular.module('app',[]); // in your javascript
另外,如果你在那之后仍然面临错误,那么你可以在同一个here上回答我的一个问题。
发布于 2016-01-20 10:22:20
您所得到的错误是指应用程序没有正确引导的事实。因此,角的编译器不理解它所遇到的指令;在本例中,这将是ng-controller
重要的是你要明白发生了什么。
var app = angular.module("timelineApp, []")
以及随后
<body ng-app="app">
ng-app
实际上应该是timelineApp
,因为这就是您将角模块设置为的名称。
上面的代码“引导”您的应用程序。一旦您的应用程序是引导,角的编译器将通过页面的标记。当它遇到ng-app
指令时,它将查看它的值timelineApp
,并知道它被注册为一个角应用程序。
这还有助于它理解在app
上注册了一个控制器。
app.controller('MainController', ['$scope', function($scope) {
$scope.title = 'this is a test';
}]);
https://stackoverflow.com/questions/34907376
复制相似问题