Question

下午好，

我有两个密切相关的问题： 1.当我点击以下代码时：

HTML

<a mat-raised-button 
class="sample-button" 
color="primary" 
href="{{card.ButtonURL}}"
>{{card.Label}}</a>

对象引用（typescript）：

  {
    Name:'Test PDF', cols: 1, rows: 1,
    Label: 'Test PDF',
    ButtonURL: '../pdfs/test.pdf',
    imageURL: 'https://png.icons8.com/material/480/00457C/upload-link-document.png',
    imageDesc: 'Test Description',
    },

为什么<a mat-raised-button href="../pdfs/test.pdf"></a>更改网址（参见图4）而不是在新窗口中打开test.pdf？

如果我有一个调查，并希望链接到一个文件以便从我的Web服务器下载，是否需要在角度Web应用程序中进行配置，还是只需指向服务器上的文件路径？

感谢您的帮助，我是新手。

图片：

Folder Structure Root

Folder Structure /src

Screenshot of Application

Screenshot of Application after Test Link is clicked

Answer 1

首先，您必须将目标添加到<a>以在新标签中打开它例如：

<a target="_blank" href="{{card.ButtonURL}}">{{card.Label}}</a>

其次你必须确定网址是有效的，我的意思是这个位置确实有pdf。我建议您也将PDF文件放在assets文件夹中 - 默认为angular来存储本地文件

制作Mat-Raised-Button HTML链接至PDF（Angular 6 + Material）

1 个答案: