Angular 8 Button type =“ file”不会打开用于选择文件的对话框

s

最近,出现了一个新的错误,该错误禁用了文件选择对话框的输出窗口。

<!-- shown in Maximilian Schwarzmuller Angular & NodeJS - The MEAN Stack Guide -->
<form [formGroup]="form" style="width: 100%">

   <div class="row" [ngStyle]="{'height': editing[0] ? 'fit-content' : '200%'}">
      <div class="col-12 d-flex justify-content-center" *ngIf="editing[0]">
         <button mat-button [color]="'edit-color'" type="button" (click)="image.click()">Add Image</button>
      </div>
      <input type="file" (change)="onImagePicked($event)" (click)="clicked()" #image>
   </div>

   ...form of image display...

</form>

每当我在mat按钮上调用click事件时,总是会被调用,就像在type =“ file”中一样,但是从不打开我应该选择文件的对话框。

我认为问题是由于此页面位于mat-dialog中,这可能与浏览器内部对话框有些冲突。

目前,在铬和野生动物园的开发和生产中已发现错误。

我正在寻找一种在当前页面体系结构中打开文件对话框(浏览器)的方法。

s

奇怪的是,问题不是对话。这是一个在HTML中叫高一点的click事件。

<h2 matRipple (click)="hamburgerClicked = !hamburgerClicked">
   <i class="fas fa-bars" mat-icon-button aria-label="Close dialog"></i>
</h2>

我只是将其更改为功能

<h2 matRipple (click)="clicked()">
   <i class="fas fa-bars" mat-icon-button aria-label="Close dialog"></i>
</h2>

它就像一个魅力。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Windows 8应用程序的“打开文件”对话框

来自分类Dev

使用type =“ button”上传文件

来自分类Dev

Angular 8中可拖动和可调整大小的垫对话框

来自分类Dev

如何在Angular 6/8的弹出对话框屏幕中显示项目列表

来自分类Dev

使Windows 8显示“如何打开”对话框?

来自分类Dev

在Angular 8中,如何将动态数据从可观察对象传递到模态对话框?

来自分类Dev

打字稿打开文件对话框,无需使用输入元素即可从Angular服务上传文件

来自分类Dev

“您想如何打开此文件?” 升级到Windows 8 / 8.1后,对话框随机出现

来自分类Dev

在Angular中的文件对话框之前允许模式对话框

来自分类Dev

如何用文件上传对话框中选择的绝对文件路径的值填充<input type =“ text”>?

来自分类Dev

Android对话框Button.setonClickListener

来自分类Dev

ANGULAR 8资产文件未送达

来自分类Dev

jQuery UI Button函数在弹出对话框打开时执行

来自分类Dev

jQuery UI Button函数在弹出对话框打开时执行

来自分类Dev

<button>和<input type =“ button”>之间的区别,用于onclick脚本处理

来自分类Dev

表单验证仅适用于type = button而不适用于type = submit?

来自分类Dev

打开对话框不会打开相机应用程序

来自分类Dev

无法使用硒单击type = button,但适用于type = submit

来自分类Dev

html-<input type = button>和<button>

来自分类Dev

Alertify with Angular change对话框标题

来自分类Dev

从Angular对话框模板提交表单

来自分类Dev

Facebook登录不会打开登录对话框Objective-C

来自分类Dev

Facebook登录不会打开登录对话框Objective-C

来自分类Dev

ipc事件上的Electron-Angular打开客户端对话框

来自分类Dev

Angular JS-ngDialog如何从控制器打开对话框?

来自分类Dev

从 Angular 4 中的菜单更改页面时打开对话框

来自分类Dev

尽管看似正确的调用,但仍然不会显示angular-bootstrap模态对话框

来自分类Dev

Angular 8的Angular材质版本

来自分类Dev

<button>和<button type =“ button”>之间有什么区别

Related 相关文章

  1. 1

    Windows 8应用程序的“打开文件”对话框

  2. 2

    使用type =“ button”上传文件

  3. 3

    Angular 8中可拖动和可调整大小的垫对话框

  4. 4

    如何在Angular 6/8的弹出对话框屏幕中显示项目列表

  5. 5

    使Windows 8显示“如何打开”对话框?

  6. 6

    在Angular 8中,如何将动态数据从可观察对象传递到模态对话框?

  7. 7

    打字稿打开文件对话框,无需使用输入元素即可从Angular服务上传文件

  8. 8

    “您想如何打开此文件?” 升级到Windows 8 / 8.1后,对话框随机出现

  9. 9

    在Angular中的文件对话框之前允许模式对话框

  10. 10

    如何用文件上传对话框中选择的绝对文件路径的值填充<input type =“ text”>?

  11. 11

    Android对话框Button.setonClickListener

  12. 12

    ANGULAR 8资产文件未送达

  13. 13

    jQuery UI Button函数在弹出对话框打开时执行

  14. 14

    jQuery UI Button函数在弹出对话框打开时执行

  15. 15

    <button>和<input type =“ button”>之间的区别,用于onclick脚本处理

  16. 16

    表单验证仅适用于type = button而不适用于type = submit?

  17. 17

    打开对话框不会打开相机应用程序

  18. 18

    无法使用硒单击type = button,但适用于type = submit

  19. 19

    html-<input type = button>和<button>

  20. 20

    Alertify with Angular change对话框标题

  21. 21

    从Angular对话框模板提交表单

  22. 22

    Facebook登录不会打开登录对话框Objective-C

  23. 23

    Facebook登录不会打开登录对话框Objective-C

  24. 24

    ipc事件上的Electron-Angular打开客户端对话框

  25. 25

    Angular JS-ngDialog如何从控制器打开对话框?

  26. 26

    从 Angular 4 中的菜单更改页面时打开对话框

  27. 27

    尽管看似正确的调用,但仍然不会显示angular-bootstrap模态对话框

  28. 28

    Angular 8的Angular材质版本

  29. 29

    <button>和<button type =“ button”>之间有什么区别

热门标签

归档