title: ng-click not setting $location.path() when path is dynamic
body: <p>I'm trying to use a tag like this:</p>
  
  <pre><code>&lt;a ng-click="$location.path('/restaurant/{{restaurant._id}}')"&gt;{{restaurant.name}}&lt;/a&gt;
  </code></pre>
  
  <p>However, nothing happens when I click the  tag.</p>
  
  <p>Oddly, if I hard-code the value there, like this:</p>
  
  <pre><code>&lt;a ng-click="$location.path('/restaurant/512ad624b67fe1f446709331')"&gt;{{restaurant.name}}&lt;/a&gt;
  </code></pre>
  
  <p>it works as expected.</p>
  
  <p>Screenshot of the DOM:</p>
  
  <p><img src="https://i.stack.imgur.com/vsoMZ.png" alt="enter image description here"></p>
  
  <p>Why would this be? How could I work around this?</p>