Хотите, чтобы при нажатии кнопки follow в .component.html открывался стандартный диалог открытия файла:
<button md-fab md-tooltip="Input">
<md-icon class="md-24">input</md-icon>
</button>
Обычно для открытия диалога используется тег input, например, такой:
<input type=”file”>
но он показывает лишние вещи на экране. Думаю сделать всплывающее окно в .component.ts при нажатии на кнопку
<button md-fab md-tooltip="Input" (click)="onClick()">
<md-icon class="md-24">input</md-icon>
</button
, но не смог найти способ вывести диалог открытия файла в .ts, помогите пожалуйста.
@angular/cli: 1.0.1 node: 7.7.4 os: win32 x64 @angular/xxx: 4.0.3
Похоже, что вы используете угловатый материал. Пробовали ли вы следовать этому примеру? 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>) {}
}