[ANGULAR] Angular 4 Typescript, 단추를 클릭하여 파일 열기 대화 상자

Angular 4 Typescript, 단추를 클릭하여 파일 열기 대화 상자

해결법

1. ---

   1.그것은 당신이 앵귤러 재료를 사용하고있는 것 같습니다. 이 예제를 따르려고 했습니까? https://material.angular.io/components/component/dialog. 현재 코드는 링크의 예에서 직접 가져옵니다. HTML에서 :

   그것은 당신이 앵귤러 재료를 사용하고있는 것 같습니다. 이 예제를 따르려고 했습니까? https://material.angular.io/components/component/dialog. 현재 코드는 링크의 예에서 직접 가져옵니다. HTML에서 :

   <button md-button (click)="openDialog()">Launch dialog</button>
   

   .TS 파일에서 :

   import {Component} from '@angular/core';
   import {MdDialog, MdDialogRef} from '@angular/material';
   
   
   @Component({
     selector: 'dialog-result-example',
     templateUrl: './dialog-result-example.html',
   })
   export class DialogResultExample {
     selectedOption: string;
   
     constructor(public dialog: MdDialog) {}
   
     openDialog() {
       let dialogRef = this.dialog.open(DialogResultExampleDialog);
       dialogRef.afterClosed().subscribe(result => {
         this.selectedOption = result;
       });
     }
   }
   
   
   @Component({
     selector: 'dialog-result-example-dialog',
     templateUrl: './dialog-result-example-dialog.html',
   })
   export class DialogResultExampleDialog {
     constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {}
   }
   

from https://stackoverflow.com/questions/43637202/angular-4-typescript-click-a-button-to-pop-file-open-dialog by cc-by-sa and MIT license