title: angular ui.router ui-sref replace url characters - beautify
body: <p>I'm searching for a possibility to replace characters in the ui-sref, respecting the URL of a target.</p>
  
  <pre><code>.state('base.product.detail', {
      url: 'detail/:productName-:productId/'
  </code></pre>
  
  <p>The URLs now look like: </p>
  
  <pre><code>Now: 
  http://localhost/detail/My%20Product%20Name-123456789/
  
  Should:
  http://localhost/detail/My-Product-Name-123456789/
  </code></pre>
  
  <p>I want to get rid of the %20 (which are also directly generated inside ui-sref="") and replace them with a minus (-). </p>
  
  <p>Any ideas how to do that? </p>
  
  <p>Regards, Markus</p>