Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ui视图中的Ui视图_Javascript_Angularjs_Angular Ui Router - Fatal编程技术网

Javascript Ui视图中的Ui视图

Javascript Ui视图中的Ui视图,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我有一个有多个模块的应用程序,它使用ui视图在这些模块之间切换。 我的想法是在这些父$stateProvider中,每个模块中都有另一个$stateProvider,这样它就可以在这些模块中导航,而无需重新加载页面 外部$stateProvider是: $stateProvider .state('core',{ url: '/core' }) .state('thing', {

我有一个有多个模块的应用程序,它使用ui视图在这些模块之间切换。 我的想法是在这些父$stateProvider中,每个模块中都有另一个$stateProvider,这样它就可以在这些模块中导航,而无需重新加载页面

外部$stateProvider是:

$stateProvider
            .state('core',{
                url: '/core'
            })
            .state('thing', {
                url: '/core/thing',
                templateUrl: './modules/thing/views/base.html'
            })
            .state('people',{
                url: '/core/people',
                templateUrl: './modules/people/views/list.html'
            })
    })
这是一个例子,但是这个系统可以扩展很多。例如,我想在负责人员状态的模块中使用$stateProvider。在模块“app.people”中,使用以下配置:

 $stateProvider
            .when('list',{
                url: 'list/',
                templateUrl: 'views/list.html',
                controller: 'ListController',
                controllerAs: 'list'
            })
            .when('insert',{
                url: 'insert/',
                templateUrl: 'views/form.html',
                controller: 'FormController',
                controllerAs: 'form'
            })
            .when('edit',{
                url: 'edit/:id',
                templateUrl: 'views/form.html',
                controller: 'FormController',
                controllerAs: 'form',
                resolve: {
                    entity: ['EntityService', '$stateParams', function (EntityService, $stateParams) {
                        return EntityService.load($stateParams.id);
                    }]
                }
            })

这可能吗?

这很容易做到。对于这个问题,很抱歉,但您只需执行以下操作:

$stateProvider
            .state('thing.list', {
                url: '/list',
                templateUrl: './modules/thing/views/list.html',
                controller: 'ListController',
                controllerAs: 'list'
            })
            .state('thing.insert', {
                url: '/insert',
                templateUrl: './modules/thing/views/form.html',
                controller: 'FormController',
                controllerAs: 'form'
            })
            .state('thing.edit', {
                url: '/edit/:id',
                templateUrl: './modules/thing/views/form.html',
                controller: 'FormController',
                controllerAs: 'form'
            })
在内部的模块中