Javascript 只需单击一次，即可在新选项卡中打开所有pdf文档

我遇到弹出窗口阻止程序和

窗口问题。请在chrome中打开
（Microsoft Edge works）。
我了解到浏览器允许window.open仅与用户交互，因此仅打开第一个pdf：

//Show all pdf
$scope.showPdf = function(pdfList){
    for(var i = 0 ; i < pdfList.length; i++){
        window.open(document.getElementById(pdfList[i].name).href, '_blank');
    }
}

//显示所有pdf文件
$scope.showPdf=函数（pdfList）{
对于（变量i=0；i

在HTML代码中，我有：

<div class="input-group">
    <i class="fa fa-file-pdf-o" aria-hidden="true" style="color:red;"></i> 
    <a id="{{pdf.name}}" data-ng-href="pdf/{{pdf.id}}/{{pdf.name}}" target="_blank"><span> </span>{{pdf.name}}</a>
</div>
<button id="pdfButton" type="button" class="btn btn-primary"
   data-ng-click="showPdf(pdfList)">Show all</button>


全部展示

是否有在新选项卡中打开所有文件的解决方法？谢谢