AngularJS - ui-router - app.js config

AngularJS - ui-router - app.js config

config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
  //
  // For any unmatched url, redirect to
  $urlRouterProvider.otherwise("/main");
  //
  // Now set up the states
  $stateProvider
    .state('main', {
      url: "/main",
      templateUrl: "partials/main.html"
    })
    .state('main.view1', {
      url: "/view1",
      templateUrl: "partials/partial1.html",
      controller: "MyCtrl1"
    })
    .state('main.view2', {
      url: "/view2",
      templateUrl: "partials/partial2.html",
      controller: "MyCtrl2"
    });
}])