将 <a href> 设置为变量答案

【问题标题】：Setting an <a href> as a variable将 <a href> 设置为变量
【发布时间】：2015-12-22 14:05:29
【问题描述】：

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

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

有什么建议吗？

【问题讨论】：

声明一个变量，插入一个字符串，将<a>的.src属性声明为变量。如果可能的话，你会这样做。它现在在你的手中

标签： javascript html css angularjs web-applications

【解决方案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

【讨论】：

【解决方案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之类的。

【讨论】：