title: $urlRouteProvider, simple routing
body: <p>Can't get my head around $urlRouterPovider... </p>
  
  <p>basically whenever I go to a link it should load associated view and controller. So that works.
          $urlRouterProvider.when("/","/home")
          $urlRouterProvider.otherwise("/error")</p>
  
  <pre><code>     $stateProvider.state('views', {
          url: "/:view",
          templateUrl: function(stateParams, formResolver) {
            return "views/" + stateParams.view + "/" + stateParams.view + "-view.html";
          },
          controllerProvider: function($stateParams) {
                return "" + $stateParams.view + "Ctrl";
          }
       });
  </code></pre>
  
  <p>So whenever user goes to <code>http://localhost:3030/#/foo</code>, it loads "views/foo/foo.html" with controller as "fooCtrl", and goes to <code>home</code> by default, and for all other cases <code>errror</code>.</p>
  
  <p>That is cool. What I need though, whenever user goes to <code>http://localhost:3030/#/auth</code> it would redirect to "/auth" on the server, skipping stateProvider. Currently it sees that as a state and tries to find corresponding view and controller.  </p>