angularjs ui-router url not working

Question

i use ui-router for nested routing in angularjs, it works fine but there is a problem, when i refresh the page or enter the url manually and directly, i get an error: The requested URL /home/general was not found on this server. my app code is:

angular.module("app",["ui.router"])
.controller("appController",["$scope", function($scope){}])
.config(function($stateProvider, $urlRouterProvider,$locationProvider){
        $stateProvider
            .state('home', {
                url: "/",
                templateUrl: "/library/ngTemplates/home.html"
            })
            .state('home.general', {
                url: "home/general",
                templateUrl: "/library/ngTemplates/home-general.html"
            })
            .state('home.lifeStyle', {
                url: "home/life-style",
                templateUrl: "/library/ngTemplates/home-life-style.html"
            })
            .state('home.lifeStyle.sport', {
                url: "/sport",
                templateUrl: "/library/ngTemplates/home-life-style-sport.html"
            })
            .state('home.lifeStyle.economic', {
                url: "/economic",
                templateUrl: "/library/ngTemplates/home-life-style-economic.html"
            });
            $locationProvider.html5Mode(true);
});

Thats because you dont add this route. Add $urlRouterProvider.otherwise("/") to the config and test again please. — nofear87
– nofear87, Commented Dec 14, 2014 at 14:17
Here is the FAQ link stackoverflow.com/questions/22735026/… with all the details how to settle UI-Router on the server. If server is properly set, all is working - check the working example here — Radim Köhler
– Radim Köhler, Commented Dec 14, 2014 at 16:08
i added $urlRouterProvider.otherwise("/") but still not working — Hossein
– Hossein, Commented Dec 15, 2014 at 6:24

JaviCasa · Accepted Answer · 2015-04-14 16:47:41Z

1

You should change

url: "home/general"

to

url: "/home/general"

That first backlash is what's holding your routing back.

answered Apr 14, 2015 at 16:47

JaviCasa

7658 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

angularjs ui-router url not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related