title: angular Ui-router link out of app but in the same domain
body: <p>I'm trying to use ui-router in my angular app.</p>
  
  <p>My base url is "/segments" and I use base tag to define it.</p>
  
  <pre><code>&lt;base href="/segments" /&gt;
  </code></pre>
  
  <p>Here is my routing config:</p>
  
  <pre><code>var base = "/segments"
  
  $stateProvider
    .state('list', {
      url: base,
      controller: 'FilterLestCtrl',
      templateUrl: '/segments/partial?partial=list'
    })
  
    .state('new', {
      url: base + '/new',
      data: {
        mode: 'new'
      },
      controller: 'SegmentFormCtrl',
      templateUrl: '/segments/partial?partial=edit'
    })
  
    .state('edit', {
      url: base + '/:id/edit',
      data: {
        mode: 'edit'
      },
      controller: 'SegmentFormCtrl',
      templateUrl: '/segments/partial?partial=edit'
    });
  
  $locationProvider.html5Mode(true).hashPrefix('!');
  </code></pre>
  
  <p>When I click to link tag I can't get out from my app to other resource on my site, i.e. I click to tag </p>
  
  <pre><code>&lt;a class="" href="/widgets"&gt;Widgets&lt;/a&gt;
  </code></pre>
  
  <p>and then url changing and nothing happened. </p>
  
  <p><strong>Question:</strong> How handle external link to other pages on site with ui-router? </p>