Здравейте, опитвам се да създам вложен маршрут във вече вложен маршрут. Накратко, имам портал, който съдържа моята странична лента и някои други фантастични неща и там мога да навигирам до клъстери. От клъстери трябва да мога да избера един клъстер и да видя подробностите за него.
Моят „баба и дядо“ маршрут се нарича „портал“, а родителят „клъстери“. Ето кода за clusters-route
(function () {
'use strict';
angular.module('ap.clusters.RouteConfig', ['blocks.router','ncy-angular-breadcrumb', 'ap.clusters.ClusterDetailsCtrl'])
.run(onRun);
/* @ngInject */
function onRun(routerHelper) {
routerHelper.configureStates(getStates());
}
function getStates() {
return [
{
state: 'portal.clusters',
config: {
url: '/clusters',
templateUrl: '/views/clusters/clusters.html',
controller: 'clustersCtrl',
controllerAs: 'vm',
title: 'Clusters',
ncyBreadcrumb: {
label: 'Clusters'
},
settings: {
nav: 4,
content: '<i class="fa fa-cubes nav-icon"></i>a<span>Clusters</span>'
}
}
}
];
}
})();
Ето вложения маршрут, който се опитвам да включа:
(function () {
'use strict';
angular.module('ap.clusters.clusterDetailsRouteConfig', ['blocks.router', 'ncy-angular-breadcrumb', 'ap.clusters.ClusterDetailsCtrl'])
.run(onRun);
/* @ngInject */
function onRun(routerHelper) {
routerHelper.configureStates(getStates());
}
function getStates() {
return [
{
state: 'portal.clusters.cluster-details',
config: {
url: '/cluster/:id',
templateUrl: '/views/clusters-details/clusters-details.html',
controller: 'clusterDetailsCtrl',
controllerAs: 'vm',
title: 'Cluster',
ncyBreadcrumb: {
label: '{{vm.cluster.name}}'
}
}
}
];
}
})();
Маршрутизирането изглежда работи добре, тъй като URL адресът показва ....portal/clusters/cluster/0 или какъвто и да е индекс, който избера, но html не се изобразява. Когато щракна върху връзката, само URL адресът се променя. Ето как наричам изгледа на маршрутизирането от клъстери (с помощта на нефрит)
a(ui-sref="portal.clusters.cluster-details({id: $index})")
Наистина не знам какво не е наред с него, защо не се показва html