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

Question

我在弹出窗口阻止程序和chrome window.open中遇到问题（Microsoft Edge正常工作）。 我读到浏览器只允许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');
    }
}

在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>

是否有解决方法在新标签中打开我的所有文件？感谢