title: AngularJs URL with a parameter
body: <p>Users of my app have a wristband which has an NFC tag. NFC tags can be encoded with a URL, but then I have to use the same URL for all aspects of the app.</p>
  
  <p>The user presents the wristband at various devices, each of which has a different functionality.</p>
  
  <p>I <strong><em>have to</em></strong> combine all of those functionalities into a single app. Much as I would like to have one app per functionality, I am forbidden to.</p>
  
  <p>So, normally, I would have URLs along the lines of <code>http://&lt;app URL&gt;/functionality_X</code>, where the user visits <code>http://&lt;app URL&gt;/</code> and the logic would <code>$state.go("functionality_X")</code>.</p>
  
  <p>Now, the wristbands need to be uniquely identified, so the each have a URL encoded along the lines of <code>http://&lt;app URL&gt;?tag_id=1234</code>.</p>
  
  <p>Which results, after state change, in the browser displaying <code>http://&lt;app URL&gt;?tag_id=1234#/&lt;functionality_X&gt;</code>.</p>
  
  <p>Is there some way that I can make the displayed URL less ugly?</p>