title: AngularJS UI.router redirects to horrible url
body: <p>I'm using <code>angular-ui-router 1.0.3</code> and I'm trying to implement this url <code>http://localhost:8888/details/2020?pending=true</code> but when I type that url in the browser and hit <code>enter</code> when the page loads, automatically change the url to this <code>http://localhost:8888/app/details/%7BParam:orderid%20%7BParamType:path%7D%20squash:%20'false'%20optional:%20false%7D?pending=%7BParam:pending%20%5Bobject%20Object%5D%20squash:%20%27false%27%20optional:%20true%7D</code></p>
  
  <p>This is my app.config() code</p>
  
  <pre><code>$stateProvider.state('details',{
     url:'/details/:orderid?pending',
     name:'details',
     templateUrl:'/views/details.html',
     resolve:{
              load:function($q, $rootScope){
                  var dfrd = $q.defer();
                  require(['/js/details.js'],function(){
                      dfrd.resolve();
                      $rootScope.$apply();
                  })
                  return dfrd.promise;
              }
          }
  })
  </code></pre>
  
  <p>If I use <code>$state.go({details:2020,pending:true})</code> from other views works perfect. The problem appears when I hit Enter in the URL</p>
  
  <p>Also I'm getting this error in the console:</p>
  
  <blockquote>
    <p>angular-ui-router.min.js:sourcemap:13 Transition Rejection($id: 0
    type: 2, message: The transition has been superseded by a different
    transition, detail: Transition#1( ''{} ->
    'details'{"orderid":"{Param:orderid {ParamType:path} squash: 'false'
    optional: false}"} ))</p>
  </blockquote>