Angular中的Anchor标签-它们如何工作?

时间:2019-05-18 08:57:56

标签: angular hyperlink

我是Angular的新手,我注意到了这种奇怪的行为:当我单击其中的文本时,定位标记不起作用。

我有这个:

<a href="{{ downloadAddress }}"><i class="fa fa-download"></i> Download</a>

downloadAddress是我的后端函数的地址,它工作正常。如果单击该图标,则发送请求并下载文件。但是,如果我单击“下载”文本,则什么都不会发生-没有请求,没有错误。

如果我将图标和文本分成两个具有相同href的超链接,则结果是相同的-图标下载有效,但文本无效。我也尝试过[href]。

如果使用的话,我正在使用角度模板。

1 个答案:

答案 0 :(得分:0)

在标记中提及目标,然后下载即可正常工作。

<a href="{{ downloadAddress }}" target="_blank"><i class="fa fa-download"></i> 
  Download</a>