【问题标题】:Error: [$injector:modulerr] using routes错误:[$injector:modulerr] 使用路由
【发布时间】:2015-06-23 15:44:20
【问题描述】:

我知道关于这个主题有多个主题,但即使在这些主题上得到答案,我的测试也无法进行。

我已尝试添加Angular Route JS file 并将其放在我的 Angular 文件之后的 HTML 中。 我仍然得到同样的错误。

错误: 错误:[$injector:modulerr]http://errors.angularjs.org/1.3.16/$injector/modulerr?p0=App&p1=%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.16%2F%24injector%2Funpr %3Fp0%3D%2524routProvider%0AF%2F%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A6%3A417%0Abb%2Fr.% 24injector%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A38%3A7%0Ad%40https%3A%2F%2Fajax.googleapis.com% 2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A36%3A13%0Ae%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js% 3A36%3A283%0Ad%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A34%3A490%0Ag%2F%3C%40https%3A%2F% 2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A35%3A117%0Aq%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16% 2Fangular.min.js%3A7%3A320%0Ag%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F 1.3.16%2Fangular.min.js%3A34%3A399%0Abb%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A38%3A135%0Axc% 2Fd%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A17%3A381%0Axc%40https%3A%2F%2Fajax.googleapis.com%2Fajax% 2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A18%3A179%0AOd%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A17% 3A1%0A%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A251%3A429%0Aa%40https%3A%2F%2Fajax.googleapis.com% 2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A165%3A93%0Aqf%2Fc%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min。 js%3A32%3A384%0A

var App = angular.module('App', ['ngRoute']);

App.config(function ($routProvider) {
	$routeProvider.
		when('/', 
			{
				templateUrl: 'partials/list.html'
			})
});

App.controller('ProjectListCtrl', function ($scope) {
	$scope.projects = [
		{
			'title': 'Loook',
			'category': 'Kleding app, Logo'
		}
	];
});
<html>
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="fonts/fonts.css">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<section ng-app="App" ng-controller="AppCtrl">

		<a href="/">Overzicht</a>

		<ng-view></ng-view>

	</section>

	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
	<script src="https://raw.githubusercontent.com/angular/bower-angular-route/master/angular-route.js"></script>
</body>
</html>

【问题讨论】:

  • 你能给我们一些代码吗?

标签: angularjs routes using


【解决方案1】:

您链接的文件:https://raw.githubusercontent.com/angular/bower-angular-route/master/angular-route.js。适用于 angularjs 1.3.17(您可以在 cmets 的顶部看到它)。您使用的角度是 1.3.16,那里有冲突。除此之外,您可以粘贴您遇到的实际错误吗?

作为旁注,你可以使用这个:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.min.js

【讨论】:

  • 谢谢,我尝试了很多不同的角度路线版本,这就是为什么它不一样。
  • 你能创建一个模仿这个的 jsFiddle 吗?
  • 如何在 jsFiddle 中添加 2 个 html 文件?
  • jsfiddle.net/e3ue5zgt 需要包含正确的版本,而且貌似不用raw.githubuser...
猜你喜欢
  • 2017-03-09
  • 2016-10-21
  • 2014-03-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多