title: Handling URLs with ui-router's ui-sref
body: <p>I have a file called <code>menu.json</code> like such:</p>
  
  <pre><code>[
    {
      "label": "Search"
      "icon": "icon-search",
      "state": "search"
    },
    {
      "label": "Help",
      "icon": "icon-question-sign",
      "state": "http://help.abc.com"
    }
  ]
  </code></pre>
  
  <p>This file is processed and returned by the server.  I use it to render my navbar through the ngRepeat directive.  </p>
  
  <pre><code>&lt;li ng-repeat="entry in menu_entries"&gt;
    &lt;!-- 'entry' is each json object in the above array --&gt;
    &lt;a ui-sref="{{entry.state}}"&gt;&lt;i class="{{entry.icon}} icon-white"&gt;&lt;/i&gt; {{entry.label}}&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>The states work great, and get compiled to proper html links, however what do I do for states that are actually URLs?  Must I write some kind of ui-router <em>urlRouterProvider rule</em> OR <em>otherwise function</em>?  How do you guys handle this when there's a mix of states &amp; urls?</p>