Question

所以目前我有一个PDF文件列表显示在页面上，并带有指向其位置的链接。如何在不使用外部库的情况下下载或查看文件？

目前，PDF位置的URL只会打开一个新标签，这是一个空白网页而不显示PDF。

我将在下面发布我的代码。任何帮助将不胜感激！

<div class="body">
                    <div class="scroll-container">
                        <table>
                            <tbody>
                            <tr dir-paginate="action in test | itemsPerPage: 14">
                                <td class="date"><a href="{{ action.Url }}" target="_blank">{{ action.Name }}</a></td>
                                <!--<td class="date"></td>-->
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="total-container">
                        <div class="top">
                            <div class="pagination">
                                <dir-pagination-controls></dir-pagination-controls>
                            </div>
                        </div>
                    </div>
                </div>**strong text**

Answer 1

目前，由于目标target="_blank"，pdf正在新标签中打开。这是默认的浏览器行为。如果要在同一选项卡中打开pdf，则可以使用iFrame。

<iframe ng-src="{{action.Url}}" width="800px" height="600px"></iframe>

Answer 2

我自己设法解决了，但谢谢！

<td class="date"><a href="MyIPAddressHere{{ action.Url }}" target="_blank">{{ action.Name }}</a></td>

如何从URL打开PDF角度

2 个答案: