我正在使用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。
如何实现这一目标。