ui路由器添加模块

ui-router add module

本文关键字：模块 添加 路由器 ui      更新时间：2023-09-26

我有一个包含多个子页面的main.html：users.html、usergroups.html，。。。它们分别有自己的应用程序文件和控制器：mainapp.js、usersapp.js、usergroupsapp.js，。。。

我使用ui-router根据需要路由到特定的子页面：

var myApp = angular.module("myApp",['ui.router']);
    myApp.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('users', {
      url: "/users",
      templateUrl: "pages/users.html",
      controller : 'UsersCtrl'
    })
    .state('usergroups', {
      url: "/usergroups",
      templateUrl: "pages/usergroups.html",
      controller : 'UsergroupsCtrl'
    })
...

在我需要使用usergroups.html中的一个模块multiselect.js之前，一切都很好。当我在usergroupsapp.js:中将其直接添加到UsergroupsCtrl时

var app= angular.module('myApp',['am.multiselect']);
...

但我马上就犯了一个错误：

错误：[ng:areq]参数'MainCtrl'不是函数，得到了未定义的

其中CCD_ 12来自CCD_。如何解决此问题？

以下是将am.multiselect模块依赖项添加到主myApp模块的正确方法：

var myApp = angular.module("myApp", ['ui.router', 'am.multiselect']);

在usergroupsapp.js中，您应该只有模块getter，而不是setter（不要再次创建模块）。注意，检索现有模块时没有[...]：

var app = angular.module('myApp');
相关文章：