如何通过角度2中的函数触发事件单击输入类型="文件"？

Question

我在Html文件中有这个代码.

<input #fileInput type="file"  />

demo.ts

import {
  Component,
  Inject,
  OnInit,
  ElementRef,
  Renderer,
  ViewQuery
} from '@angular/core';
@Component({
  selector: 'demo',
  templateUrl: 'client/dev/demo/demo.html',
})
export class DemoComponent implements OnInit{

@ViewQuery('fileInput') fileInput:ElementRef;

constructor(){}

triggerFile(){
   // do something 
   // trigger input type="file" here
   this.fileInput.nativeElement.click();
}

ngOnInit() {


}

}

我看到这个答案:如何从角度2的按钮点击触发输入文件的点击事件？ 当然有效.但我想在triggerFile()函数中触发input type ="file",我使用ViewQuery和nativeElement.click()函数.但它控制此错误"无法读取未定义的属性'nativeElement'".我使用angular2 Rc 1.谢天谢地

Answer 1

将fileInput引用传递给triggerFile()并在fileInput.click()那里执行:

<input #fileInput type="file"  />
<button type="button" (click)="triggerFile(fileInput)">trigger</button>

triggerFile(fileInput:Element) {
  // do something
  fileInput.click();
}

Answer 2

无需在控制器中编写代码

<input #fileInput type="file"  />
<button type="button" (click)="fileInput.click()">trigger</button>