title: Get the "absolute" URL of a state in Angular-UI?
body: <p>I am using Angular and Angular-UI <a href="https://github.com/angular-ui/ui-router" rel="noreferrer">ui-router</a>.  I have some states defined:</p>
  
  <pre><code>app.config(function ($stateProvider, $urlRouterProvider) {
  
  $stateProvider
      .state('tabs', {
          url: "/tab",
          abstract: true,
          templateUrl: "views/tabs.html"
      })
      .state('tabs.home', {
          url: "/home",
          views: {
              'home-tab': {
                  templateUrl: "views/home.html"
              }
          }
      });
  </code></pre>
  
  <p>Note that I am using abstract states.  Is there a handy function that gets me the URL of a given state by name?  For example I want something like:</p>
  
  <pre><code>$state.get('tabs.home').absoluteUrl
  </code></pre>
  
  <p>which should return a value like <code>#/tab/home</code>.</p>