错误ngRoute不可用

时间:2015-02-26 16:28:04

标签: javascript angularjs ngroute

我的错误在控制台

Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

这是我的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>

这是我的app.js:

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

app.config(function($routeProvider){
$routeProvider
    .when('/queueManager', {
        templateUrl: '/templates/page/queueManager.html',
        controller: 'QCtrl'
    });
});

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;
  });
});

这是我的routes.js:

angular.module("myapp", ['ngRoute'])
.config(function($routeProvider){
    $routeProvider.when('/queueManager', {
        templateUrl: '/templates/page/queueManager.html'
    })
});

在chrome中的开发工具中,文件显示为已加载,似乎我拼写正确... 我仍然得到与前面提到的相同的错误。每次我在stackoverflow上搜索,如果你在你的HTML中添加它,它是相同的答案检查... 你有关于我的问题的解决方案吗?

编辑:在app.js中添加app.config并将路径模块名称更改为我的应用。并添加了修改

谢谢

2 个答案:

答案 0 :(得分:0)

您需要添加&#34; AchApp&#34;模块作为&#39; myapp&#39;的依赖。模块。

所以你的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;
  });
});

答案 1 :(得分:0)

我终于找到了我的错误......

我的脚本类型是“javascript”而不是“text / javascript”。最好的错误......

顺便谢谢你的答案。