如何使用 Angular 打开浏览目录？

Question

如何使用 Angular 单击 DOM 元素而不是输入文件来打开浏览目录？

Answer 1

这就是您需要做的。

HTML

<div (click)="openInput()">CLICK ME</div>
<input style="visibility: hidden;" type="file" #inputElement />

组件

class MyComponent {
    @ViewChild('inputElement', {static: false}) el: ElementRef;

    openInput() {
        this.el.nativeElement.click();
    }
}

这将允许您通过单击 div 打开一个输入元素。

DOM angular 团队不再鼓励访问，因此您不需要使用 Renderer2

干杯