title: Angular interpolating {{ }} in url params, is there a way to sanitize the url?
body: <p>We have an edge case issue where an external application requires a specific url parameter to be present in the url request to our website:</p>
  
  <p><code>https://stackoverflow.com/questions/ask?abc=123</code></p>
  
  <p>Here is a screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/VY14X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VY14X.png" alt="Example error of {{}}"></a></p>
  
  <p>Occasionally, the url parameter will not render correctly causing the url to become:</p>
  
  <p><code>https://stackoverflow.com/questions/ask?abc={{}}</code></p>
  
  <p>We have angular running on our application, it cannot parse this causing unnecessary errors for the webpage. </p>
  
  <p><strong><em>Does angular have a way of encoding the url before it hits the app?</em></strong></p>
  
  <h3>Details</h3>
  
  <ul>
  <li>Angular 1.6.6</li>
  </ul>
  
  <h3>Current Solution</h3>
  
  <p>We have a temporary <code>nginx</code> redirect solution in place but believe its better if we fixed the source of the issue.</p>
  
  <p>We've done a lot of reading into changing the template tags but this is a huge fix.</p>
  
  <h3>Expected</h3>
  
  <p><strong>We don't use any custom url variables</strong>. We want to it not throw an error and function normally as expected when not parse <code>https://stackoverflow.com/questions/ask?abc={{}}</code></p>