I am encountering an issue while trying to access a child state from another child state. The error message I receive is:
angular.js:14195 Error: Could not resolve '#/projects/detailProject' from state 'projects.listHere are the states defined in the application:
function routeConfig($stateProvider, $urlRouterProvider) {
$stateProvider
.state('projects', {
url: '/projects',
template : '<ui-view autoscroll="true" autoscroll-body-top></ui-view>',
abstract: true,
title: 'Les projets',
controller : 'ProjectController',
sidebarMeta: {
icon: 'ion-compose',
order: 250,
},
})
.state('projects.add', {
url: '/add',
templateUrl: 'app/pages/projects/add/projects.html',
title: 'Ajouter un projet',
sidebarMeta: {
order: 800,
},
})
.state('projects.list', {
url: '/list',
params : { projectId : null},
templateUrl: 'app/pages/projects/list/listProjects.html',
title: 'List',
sidebarMeta: {
order: 900,
},
})
.state('projects.detail', {
url: '/detail',
templateUrl: 'app/pages/projects/detail/detailProject.html',
title: 'Detail du projet',
});
$urlRouterProvider.when('/projects','/projects/list');
}
When attempting to access the child state through the following button:
<button type="button" id="Edit" name="Edit" ng-click="goToPath('#/projects/detailProject', p.id)"class="btn btn-primary btn-raised">Editer</button></div>
`And this is my goToPath method:
$scope.goToPath = function ( path, pid ) {
$scope.pid = pid;
$state.go(path, {projectId : pid} );
};
Thank you.