Angular 2:如何以编程方式创建并单击下载链接?

时间:2017-03-13 13:28:14

标签: javascript html5 angular

我正在尝试自动生成并触发一堆文件“下载”。

在我的模板中,我有:

<a #exportLink [href]="exportUrl" [download]="exportFileName"></a>

在我的代码中,我设置了:

@ViewChild("exportLink") exportLink;

然后我从blob生成下载内容并单击元素:

this.exportUrl = this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(blob));
this.exportFileName = filename;
this.exportLink.nativeElement.click();

现在的问题是,显然这个点击发生得太快,DOM还没有更新,所以它试图下载一个空URL。 在第二次尝试时可行。如何单击以更新DOM?我试图在ngDoCheck()中这样做,但它同样失败了。

0 个答案:

没有答案