点击方法中的点击事件角度2

时间:2018-01-21 11:37:27

标签: html angular typescript

我有2个按钮,其中一个是文件类型 - 它是隐藏的 - 如果用户单击第一个按钮,则打开确认对话框,如果用户单击确定,则必须单击第二个按钮。

问题是所有逻辑都是订阅方法 - 确认对话框 - 执行期望clickEvent为第二个按钮。

任何人都可以解释原因并为我提供解决方案吗?

@ViewChild('fileBrowser') fileInput: ElementRef;
dialogRef: MdDialogRef<ConfirmationDialog>;
clickUpload(){
this.dialogRef = this.dialog.open(ConfirmationDialog);
this.dialogRef.afterClosed().subscribe((result) => {
    if (result) {
      // some code
      this.fileInput.nativeElement.click();
    }
    this.dialogRef = null;
  });}

   //HTML Code
   <button md-button  (click)="clickUpload()" > upload</button>
   <input #fileBrowser id="fileBrowser" type="file" hidden="true">

“this.fileInput.nativeElement.click();”这是问题行

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,我将dialogRef的方法从play.modules.enabled += "modules.PaymentModule"更改为afterClosed

新代码

beforeClose