关于角

Question

我正在学习Angular并遇到一个我无法解决的问题。 我使用ui-router来阻止从登录页面跳转到欢迎页面（包括跳转到相应模块的目录）。代码是：

myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/login');
$stateProvider
    .state('login',{
        url: '/login',
        templateUrl: 'tpls/login.html'
    })
    .state('welcome', {
        url: '/welcome',
        templateUrl: 'tpls/welcome.html',
    });
});

现在我想在另一个文件（controller.js）中为欢迎模板添加一个控制器，然后我为它创建了一个模块：

var welcomeModule = angular.module("WelcomeModule",[]);
welcomeModule.controller('WelcomeCtrl', function($scope){});

我认为welcomeMoudule应该添加到myApp moudule中：

var myApp = angular.module('myApp', ['ui.router','WelcomeModule']);

但有一个错误：

 [$injector:modulerr] Failed to instantiate module optApp due to:
 [$injector:modulerr] Failed to instantiate module WelcomeModule due to:
 [$injector:nomod] Module 'WelcomeModule' 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.

我不明白为什么。我已经看到使用这种方法的一个更复杂的例子，一切都很好。有人可以向我解释一下吗？