PrimeNGがFileUploadを手動で呼び出す

Question

ファイルを最初に選択し、コンポーネントの独自のUploadボタンの代わりに別のボタンでファイルをアップロードしたいとします。

どうすればいいですか？私が試したものを

例コード：ElementRef`へ：

<button pButton type="button" label="Start Upload" 
     (click)="startUpload()"></button> 

<p-fileUpload #fileInput name="fileIcon" 
       url="rest/batch/file/multimedia/"></p-fileUpload> 


@ViewChild('fileInput') fileInput:ElementRef; 

constructor(private renderer: Renderer) { } 

startUpload(){ 

    // this.fileInput.upload(); -> doesn't compile, undefined 
    // this.fileInput.nativeElement.upload(); -> this.fileInput.nativeElement is undefined 

    ????????????????? 
} 

Answer 1

コード例働く私

import {FileUpload} from 'primeng/primeng'; 

@Component({ 
    ... 
}) 
export class AppComponent { 
    @ViewChild('fileInput') fileInput: FileUpload; 

    startUpload(){ 
     this.fileInput.upload(); 
    } 
} 

Plunker Example