Question

我正在尝试使用路由通过网址使用 ui.router 传递参数但是我陷入了第一道障碍，因为我似乎无法将ui-router连接到注册，所以我得到以下错误。

Uncaught Error: [$injector:modulerr]

我已将我的ui.router js文件包含在一个如下所示的配置文件中： './build/lib/ui-router/release/angular-ui-router.min.js'

然后我在我的模块中包含 ui.router ：

topic.Module = angular.module('topic', ['ui.router']);

并尝试创建一个类似的示例状态：

topic.Module.config(['$stateProvider', function($stateProvider) {
    $stateProvider
        .state('app', {
            url: '/'
        });
}]);

有什么明显的我正在做或不做会导致这不起作用或得到上述错误？我完全切断了状态的内容，以确认没有其他因素导致错误。

我已尝试在主应用模块中加入'ui-router'而不是'ui.router'，但结果相同。

Answer 1

对于遇到这种情况的人来说，似乎$urlRouterProvider以及$stateProvider都是必需的。

因此请添加$urlRouterProvider并添加以下内容以设置默认路由： $urlRouterProvider.otherwise('/');

所以上面的例子看起来像这样：

topic.Module.config(['$stateProvider', '$urlRouterProvider'  function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
        .state('app', {
            url: '/'
        });
}]);

使用ui.router时未捕获错误：[$ injector：modulerr]

1 个答案: