angularjs - パスが動的な場合、ng-クリックして$ location.path（）を設定しない

Question

私はこのようなタグを使おうとしています：

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

ただし、タグをクリックしても何も起こりません。

奇妙なことに、そこに値をハードコーディングすると、次のようになります。

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

期待どおりに動作します。

DOMのスクリーンショット：

なぜこれでしょうか？どうすればこれを回避できますか？

Answer 1

{{$index}}を使用して呼び出されないAngularJSng-clickから、中かっこなしで変数を直接使用できます。

つまり

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

Answer 2

お役に立てれば！

    $scope.doTheNeedful = function(country){
        var newPath = "home/";
        newPath += country;
        $location.path(newPath);
    }