Javascript 错误:路由不可用
控制台中有我的错误Javascript 错误:路由不可用,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,控制台中有我的错误 错误:[$injector:nomod]模块“ngRoute”不可用!您要么拼错了模块名,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。 这是我的index.html标题: <script src="scripts/jquery-2.0.3.min.js" type="text/javascript"></script> <script src="scripts/libs/bootstrap.min.js">
错误:[$injector:nomod]模块“ngRoute”不可用!您要么拼错了模块名,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。
这是我的index.html标题:
<script src="scripts/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="scripts/libs/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.js" type="javascript"></script>
<script src="scripts/app.js" type="text/javascript"></script>
</head>
这是我的routes.js:
angular.module("myapp", ['ngRoute'])
.config(function($routeProvider){
$routeProvider.when('/queueManager', {
templateUrl: '/templates/page/queueManager.html'
})
});
在chrome的开发工具中,文件显示为已加载,似乎我拼写正确。。。
A我仍然得到与前面提到的相同的错误。每次我在stackoverflow上搜索时,如果您将其添加到html中,它都是相同的答案检查。。。
你对我的问题有什么解决办法吗
编辑:在app.js中添加app.config,并将路由模块名称更改为“我的应用”。并添加了编辑功能
谢谢您需要将“AchApp”模块添加为“myapp”模块的依赖项
所以你的app.js
看起来像:
var app = angular.module('myapp', ['ngRoute', "AchApp"]);
app.controller('QCtrl',['$http','$interval','$scope', function($http, $interval,$scope){
this.queues = queue;
var store = this;
store.queues = [];
var queue = [];
$http.get('/queue/info').success(function(data) {
store.queues = data;
});
});
我终于发现了我的错误 我的脚本类型是“javascript”,而不是“text/javascript”。有史以来最好的错误
谢谢你的回答。你什么时候加载routes.js,上面没有显示。另外,当前您不能继续调用angular.module(“myapp”,['ngRoute']),因为它重新定义了模块,并且无法获取现有模块。这将很快得到修复,但不确定它是否在1.3.14中(我认为在修复时会给出一个关于重新定义的错误)。我在app.js加载之后加载routes.js。所以我应该删除“.config(…)”部分?
var app = angular.module('myapp', ['ngRoute', "AchApp"]);
app.controller('QCtrl',['$http','$interval','$scope', function($http, $interval,$scope){
this.queues = queue;
var store = this;
store.queues = [];
var queue = [];
$http.get('/queue/info').success(function(data) {
store.queues = data;
});
});