state navigation not happening

[xtreme1397]

Hi all, There is some issue i am facing in state navigation , i have two module lets say main module and list module.where list module is child of main module and getting loaded lazily.

but when i am trying to change the state from child module to parent module its not happening. below is the snippet of code i am trying to do.

main module route

const mainState = { name: "main", url: "/main", isLoginRequired: true, component: "mainComponent" }; const homeState = { parent: 'main', name: "home", url: '/home', component: "homeComponent", isLoginRequired: true, lazyLoad: ($transition$) => { return moduleResolver($transition$, () => import('../home/home.module'), 'HOME_MODULE'); } };

const canvasListState = { parent: 'main', name: "canvasList.**", url: '/canvas-list/:projectCode?viewType', component: "listComponent", isLoginRequired: true, lazyLoad: ($transition$) => { return moduleResolver($transition$, () => import('../canvas/list/list.module'), 'LIST_MODULE'); } };

const drawCanvasState = { parent: "main", name: "drawCanvas.**", url: '/draw-canvas', lazyLoad: ($transition$) => { return moduleResolver($transition$, () => import('../canvas/draw/draw.module'), 'DRAW_CANVAS_MODULE'); } };

canvaslist module route const canvasListState = { parent: 'main', name: "canvasList", url: "/canvas-list/:projectCode?viewType", params: { redirecturi: null, projectCode: null, viewType: null }, accessCode: ENUM.ACCESS_CONTROL_LIST.CANVAS_VIEW, component: "listComponent" };

now from listComponent if i am saying $state.go('main.drawCanvas.compose').then its not navigating anymore.but if i say $state.go('main') then navigation is getting triggered.

[xtreme1397]

any update?please help me out.