Angularjs - url params:单击时返回到url中的角vars。

Question

<tbody>
   <tr ng-repeat="message in messages" ng-click="go('pair/{{message.currencyFrom}}/{{message.currencyTo}}')">
      <td>{{ message.currencyFrom }}/{{ message.currencyTo }}</td>
      <td>{{ message.amountSell }}</td>
      <td>{{ message.amountBuy }}</td>
      <td>{{ message.rate }}</td>
   </tr>
</tbody>

chrome检查中的dom视图显示了ng-click="go('pair/EUR/GBP')"，但是当单击时，我在pair/%7B%7Bmessage.currencyFrom%7D%7D/%7B%7Bmessage.currencyTo%7D%7D上结束了

似乎这个url是以原始的角瓦的形式传递的。

我尝试在循环中添加代码，但也显示了相同的行为。

我尝试先启动一个变量并将其传递给go函数：

ng-init="var url = 'pair/{{message.currencyFrom}}/{{message.currencyTo}}'"

我想不出这有什么关系，但我现在说：

$scope.go = function ( path ) {
        $location.path( path );
    };

Answer 1

就像这样：

ng-click="go('pair/' + message.currencyFrom + '/' + message.currencyTo)"

这是因为您在ng-click中编写表达式，而不是模板。ng-init也是如此。

指令中的：

scope: {
    foo: '=', // This means `foo` must be an expression
    bar: '@' // This means `bar` must be template
}

See this question for detailed explanation

Answer 2

“{{}”将被计算为字符，而不是有效的角码。改为：

go('pair/' + message.currencyFrom + '/' + message.currencyTo); 

角将作为Javascript代码处理ng单击中的引号之间的所有内容，因此不需要使用“{{”或“}”。