将<href>设置为变量

Question

我正在开发一个web应用程序，在该应用程序中，我使用对象数组来声明将使用<p ng-repeat="var game in download.game">{{value}}, {{value}}</p>等打印出来的值。

我还想使用一个下载按钮让用户下载文件。但是，使用普通的a元素，我只能向特定文件添加一个链接。所以我想知道如何将变量分配给我的链接，这样我就可以拥有{{download-link}}。

有什么建议吗？

Answer 1

试试这个：

控制器：

$scope.data = [
  {
    link: "http://link.com",
    text: "link.com"
  },
  {
    link: "http://link1.com",
    text: "link1.com"
  },
  {
    link: "http://link2.com",
    text: "link2.com"
  }
];

视图：

<div ng-repeat="element in data">
  <a href="{{element.link}}">{{element.text}}</a>
</div>

代码笔：http://codepen.io/anon/pen/LGZrMm

Answer 2

不确定我是否答对了问题，但可以尝试以下方法：

<div ng-repeat="var game in download.game">
  <a ng-href="{{game.link}}">{{game.value1}}, {{game.value2}}</a>
</div>

作为game.link和其他变量，即要打印的变量。

您应该尽量避免将Angular变量打印到非角度属性中。所以尝试使用ng-href、ng-click等。