simple url with ui-router in angular.js

Question

I made a simple one page app with angular.js. And ui-router was used.

The output url:

example.com/index.html#/profile

But I want like this:

example.com/profile

How can I solve this problem?

simple router code added

app.config(['$stateProvider', function($stateProvider) {
    $stateProvider.state('profile', {
        url: "/profile",
        templateUrl: "views/profile.html",
        controller: "ProfileCtrl",
        resolve: {
            deps: ['$ocLazyLoad', function($ocLazyLoad) {
                return $ocLazyLoad.load({
                    name: 'app',
                    insertBefore: '#ng_load_plugins_before', // load the above css files before '#ng_load_plugins_before'
                    files: [
                        'controllers/profile.js'
                    ]
                });
            }]
        }
    });
}]);

Ravi · Accepted Answer · 2015-05-27 05:06:38Z

1

Set Html5 mode true in your app.js

$locationProvider.html5Mode(true);

answered May 27, 2015 at 5:06

Ravi

2,3401 gold badge15 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Woony Over a year ago

If I set the html5mode, how can I set server side route?

Collectives™ on Stack Overflow

simple url with ui-router in angular.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related