ng-click not setting $location.path() when path is dynamic

Question

I'm trying to use a tag like this:

<a ng-click="$location.path('/restaurant/{{restaurant._id}}')">{{restaurant.name}}</a>

However, nothing happens when I click the tag.

Oddly, if I hard-code the value there, like this:

<a ng-click="$location.path('/restaurant/512ad624b67fe1f446709331')">{{restaurant.name}}</a>

it works as expected.

Screenshot of the DOM:

Why would this be? How could I work around this?

Answer 1

From AngularJS ng-click not invoked with {{$index}} used, you are able to use the variable directly, without braces.

I.e.

<a ng-click="$location.path('/restaurant/' + restaurant._id)">{{restaurant.name}}</a>