How can I transition to a ui-router state by passing a query parameter after index.html?

Question

If I go to the webpage www.abc.com/index.html?state=register

Is there a way with ui-router that I can make it go directly to the state:

$state.transitionTo("auth.content", { content: "register" })

Note that if the user enters www.abc.com then I want them to go to the normal page that is set up with a / state.

Thanks

Answer 1

I would say, your SPA (single page application) will have to always reach the index.html first (related to your prev question). The rest is done by angular, by UI-Router - but all will and must start at index.html

And the we can use UI-Router

• .otherwise() or
• .when()

settings of the $urlRouterProvider. The way how to achieve that is described here:

Angular UI-Router $urlRouterProvider .when not working *anymore*

so basically we can use .when()

var whenConfig = ['$urlRouterProvider', function($urlRouterProvider) {

    $urlRouterProvider
      .when('/app/list', ['$state', 'myService', function ($state, myService) {
            $state.go('app.list.detail', {id: myService.Params.id});
    }])
    .otherwise('/auth/content');
}];
...
app.config(whenConfig) 

but the version 2.0.13 has some issues and the solution is described here:

Angular UI-Router $urlRouterProvider .when not working when I click

Where is shown that we have to use some fix for .when() like:

var onChangeConfig = ['$rootScope', '$state',
 function ($rootScope, $state) {

  $rootScope.$on('$stateChangeStart', function (event, toState) {    
    if (toState.name === "app.list") { 
      event.preventDefault();
      $state.go('app.list.detail', {id: 2});
    }
  });

}]