dom属性中的角度花括号

Question

我正在尝试使用angular进行html导入以链接到动态页面。

//SampleController
$scope.id = 1;
//sample.html
<p>{{id}}</p> <!-- 1 -->
<link rel="import" href="/samples/{{id}}">

<p>标记显示了ID，但href属性给出了错误...

cannot GET /samples/%7B%7Bid%7D%7D 404

似乎花括号没有在href属性中扩展。我可以这样做吗？

Answer 1

使用ng-href

  

在href属性中使用像{{hash}}这样的Angular标记将会成为   如果用户在Angular拥有之前单击它，则链接将转到错误的URL   有机会用它的值替换{{hash}}标记。直到Angular   替换标记链接将被破坏并且很可能   返回404错误。 ngHref指令解决了这个问题。

<link rel="import" ng-href="/samples/{{id}}">