使用ui-router动态配置状态

时间:2014-08-22 22:13:21

标签: angularjs angular-ui-router

我正在使用ui-router生成多个状态,视图和子视图。它看起来如下:

$stateProvider.state('dashboard', {
        url : "/dashboard",
        controller : function($scope,  $filter) {
            console.log($scope, '$scope');*/
        views : {
            "header":{
                templateUrl : getTemplate("dashboardHeader"),
                controller : function($scope,  $filter) {
                    console.log($scope.location, '$scope');
                }
            },
            "body" : {
                templateUrl : getTemplate("dashboardChart"),
                controller : function($scope,  $filter) {
                    console.log($scope, '$scope');
                }
            }
        }
    }).state('dashboard.insight', {
        url : "/:insight",
        templateUrl : getTemplate("insight"),
        controller : function($scope,  $filter) {
            console.log($scope, 'Sameer Test');
        }
    }).state('products', {
        url : "/products",
        views: {
            "header":{
                templateUrl: getTemplate("productHeader"),
                controller: function($scope, Restangular, $filter, PlatformService){
                    .......
                }
            },
            "body":{
                templateUrl:getTemplate("products"),
                controller : function($scope, Restangular, $filter, $route, $routeParams, $location, ngDialog,PlatformService) {
                        .......
                    } );
                }
            }
        }
    })

此处仪表板和产品是主要视图。洞察力使用ui-sref动态绑定。我想移动所有这些JSON结构,以便我可以配置所有状态视图和控制器的客户端需求。有些可能需要仪表板,有些可能没有。

所以我决定使用app.run()来加载这些配置。但我没有获得仪表板和状态的子视图,这些是“dashboard.insight”(/:insight)。由于JSON的仪表板不是dashboard.insight。

如何实现这一目标。

0 个答案:

没有答案