将 <a href> 设置为变量

Question

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

我还想使用下载按钮供用户下载文件。但是使用普通的 a 元素，我只能将一个 link 添加到特定文件。所以我想知道如何为我的 link 分配一个变量，这样我就可以拥有 {{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 变量打印到 非 angular 属性中。所以尽量使用ng-href、ng-click之类的。

将 <a href> 设置为变量

Setting an <a href> as a variable

html

javascript

css

web-applications

angularjs