title: AngularJS data binding values directly into href
body: <p>I'm not sure if this is a bug with AngularJS, Firefox, Chrome or whether it's simply a quirk...however,</p>
  
  <p>When I do something like this</p>
  
  <pre><code>&lt;a href="#/{{list.UUID}}/{{routeParams.status}}"&gt; ...
  </code></pre>
  
  <p>In <strong>Chrome</strong> I get the values binding through correctly e.g.</p>
  
  <pre><code>...#/fa778108-5a0c-4675-974e-4cae0d9d6a86/active`
  </code></pre>
  
  <p>But in <strong>Firefox</strong> I get this</p>
  
  <pre><code>... #/{{list.UUID}}/{{routeParams.status}}
  </code></pre>
  
  <p>Anyone know why this is the case?</p>