CODEWITHSUNDEEP
javascriptangularjsangularjs-routing
rel1x
rel1x

Reputation: 2441

Angularjs routing redirect me to default page

I have a navbar on my app:

<a ng-href="#!/organizations">Organizations</a>
<a ng-href="#!/organizations/users">Users</a>

When I click on Organizations I move to organizations' page but when I click to Users an application redicet me to default Login page. My folder structure:

├── organizations
│   ├── organization
│   │   ├── organization.html
│   │   └── organization.js
│   ├── organizations.html
│   ├── organizations.js
│   └── users
│       ├── users.html
│       └── users.js

A config from users.js:

.config(['$stateProvider', function ($stateProvider) {
        $stateProvider
            .state('users', {
                parent: 'fd',
                url: 'organizations/users',
                views: {
                    '': {
                        templateUrl: 'components/organizations/users/users.html',
                        controller: 'UsersController as ctrl'
                    }
                }
            });
    }])

Can't find where I made a mistake.

Upvotes: 0

Views: 803

Answers (2)

Pravesh Khatri
Pravesh Khatri

Reputation: 2264

You need to specify the route correctly. instead of url: 'organizations/users'

You need to specify like this url: '/organizations/users'

Upvotes: 1

Hadi
Hadi

Reputation: 17299

try this one

 .state('users', {
            parent: 'fd',
            url: '/organizations/users',
            views: {
                '': {
                    templateUrl: 'components/organizations/users/users.html',
                    controller: 'UsersController as ctrl'
                }
            }
        });

Upvotes: 1

Related Questions