Как запустить primeng Диалог файла, нажав на пользовательский значок? ⇐ Html

[Anonymous]

Я использую Angular 18 и Primeng 17.x, и я хочу открыть диалоговое окно загрузки файла компонента, когда я нажимаю на пользовательский значок, например, значок файла-экстра. P-fileUpload с использованием elementRef. < /p>
Ни один из них не открыл диалог файла. < /p>
мой код
html < /p>

(click)="triggerUpload()"
*ngIf="tab.content === 'paymentXlsx'"
class="pi pi-file-excel"
style="cursor: pointer;"
>








< /code>
компонент ts < /p>
@ViewChild('fileInput', { static: false }) fileInput!: ElementRef;

triggerUpload() {
console.warn('Attempting to trigger upload...');
if (this.fileInput) {
this.fileInput.nativeElement.click(); // not working
} else {
console.warn('fileInput is undefined');
}
}
< /code>
Проблема
Нажмите на журналы значков, но не открывает диалоговое окно сбора файла. Что я ищу
Как я могу надежно запустить ввод файла p-fileupload, нажав на пользовательский значок или кнопку вне компонента? < /P>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ustom-icon