Desea abrir el cuadro de diálogo de apertura de archivo estándar al hacer clic en el botón Seguir en .component.html:
<button md-fab md-tooltip="Input"> <md-icon class="md-24">input</md-icon> </button>parece que la forma común de abrir un cuadro de diálogo es usar una etiqueta de entrada como esta:
<input type=”file”>pero muestra cosas extra en la pantalla. Pensando en hacer aparecer en el .component.ts con un (clic) en el:
<button md-fab md-tooltip="Input" (click)="onClick()"> <md-icon class="md-24">input</md-icon> </buttonpero no pude encontrar una manera de abrir el cuadro de diálogo de apertura de archivo en .ts, por favor ayuda.
@angular/cli: 1.0.1 nodo: 7.7.4 sistema operativo: win32 x64 @angular/xxxx: 4.0.3
Parece que estás usando material angular. ¿Has intentado seguir este ejemplo? https://material.angular.io/components/component/dialog . El código actual se toma directamente del ejemplo en el enlace. en el html:
<button md-button (click)="openDialog()">Launch dialog</button>Y en el archivo .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>) {} }