using angular router in custom pages

Question

I have a rails app with dashboard page. So the page will be http://mywebsite.com/dashboard. It has few links available which will load pages via ajax and show it in a div section inside the dashboard page. Its all working fine. So lets assume I want to use angular here and I specify code like below.

  var myapp = angular.module('myapp', ["ui.router"])
    myapp.config(function($stateProvider, $urlRouterProvider){



      $stateProvider
        .state('route1', {
            url: "/route1",
            templateUrl: "route1.html"
        })

    })

My doubt is that:

So in here if dashboard is the root url then the url generated is http://mywebsite.com/#route1

What if my dashboard page is defined like this

http://mywebsite.com/dashboard and I want to define route like http://mywebsite.com/dashboard/#route1

Note: Its not a single page application. But I want the dashboard page to be like a single page one..

officert · Accepted Answer · 2016-01-22 21:23:53Z

1

This will work fine and the route will be relative to your URL http://mywebsite.com/dashboard.

If you were using HTML5 mode with Angular UI router if you try and interoperate the full URL. But because you are not using HTML5 mode, Angular UI router routes using #.

answered Jan 22, 2016 at 21:23

officert

1,2329 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

using angular router in custom pages

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related