Question

我在Angular组件HTML的按钮内有一个href链接，该链接触发下载。我可以在浏览器中同时看到按钮和突出显示的文本链接。但是，当我单击链接时，什么都没有发生-就触发下载而言。这就是我所拥有的：

<button class="email-prompt-button" md-button>
    <a [href]="fileUrl" download="file.txt" class="btn-link">Download File</a>
</button>

现在，如果我删除按钮，仅使用a标记，它将起作用：

<a [href]="fileUrl" download="file.txt" class="btn-link">Download File</a>

我如何才能将其用作按钮内的链接文本？

Answer 1

为什么不通过应用自定义css将锚标签的形状调整为看起来像按钮

或

如果您使用的是Bootstrap，则可以应用以下课程：

btn btn-primary

就像

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<a [href]="fileUrl" download="file.txt" class="btn btn-primary btn-link">Download File</a>

将链接文本放在Angular App的按钮内

1 个答案: