文件输入不能在<离子菜单>内工作

Question

虽然我的应用程序中没有离子菜单，但是在我的代码中添加了以下内容之后，它运行得很好：

<ion-menu [content]="content">
<ion-header>
  <ion-toolbar>
    <ion-title>Menu</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-list>
    <ion-item-sliding *ngFor="let file of fileNames;let i = index;" #item>
      <ion-item [ngClass]="{ 'active':i == isActive}" ion-long-press [interval]="400" (onPressStart)="fileChosen(i)">
        {{file}}
  <button ion-button (click)="deleteFile(i)">Delete file</button>

      </ion-item>
      <ion-item-options side="left" (ionSwipe)="save()">

        <button ion-button color="danger" (click)="moreInfo(item)">More Info</button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

  <input type="file" (change)="uploadFile($event)">
  <button  (click)="doSome()" [disabled]="isFileChosen">DOSOME</button>
</ion-content>
<ion-nav id="nav" #content [root]="rootPage"></ion-nav>

​

文件输入停止打开设备上的文件对话框，但在浏览器中打开。我认为这个问题发生在事件中，因为菜单是用滑动打开的，但不知道如何解决这个问题。帮帮我，拜托

PACKAGE.JSON

{“名称”："myApp“ “版本”："0.0.1"，“作者”：“离子框架”，“主页”："http://ionicframework.com/"“，”私有“：真，”脚本“：{”干净“：”离子-应用-脚本干净“，”构建“：”离子-应用-脚本构建“，" lint”：“离子-应用-脚本林特”，“离子:构建:离子-应用-脚本构建”，“离子:服务”：“离子-应用-脚本服务”}，“依赖关系”：{“@角/公共”：“4.1.3”、“@角/编译器”：“4.1.3”、“@角/编译器-cli”：“4.1.3”、“@角/核心”：“4.1.3”、“@角/形式”："4.1.3"，“@角/http”："4.1.3“、”@角/平台-浏览器“："4.1.3”、“@角/平台-浏览器-动态”："4.1.3“、”@离子型-本机/核心“：”3.12.1“、”@离子型-本机/喷溅-屏幕“：”3.12.1“、”@离子型-本机/状态栏“：”3.12.1“、"3.12.1"，“@离子/存储”："2.0.1"，“b样条”："^2.0.1"，"canvasjs"："^1.8.1"，"chart.js"："^2.6.0"，"chartjs"："^0.3.24"，"cordova-android"："^6.2.3"，"cordova-plugin-compat"："^1.1.0"，“科多瓦-插件-设备”："^1.1.4“、”科多瓦-插件-文件“："^4.3.3”、“科多瓦-插件-溅屏”："^4.0.3“、"cordova-plugin-statusbar"："^2.2.2”、“科尔多瓦-插件-白名单”："^1.3.1“、”离子角“："3.6.0”、“离子-长-按”："^1.2.0"，“离子-插件-键盘”："^2.2.1"，“离子图标”："3.0.0"，"rxjs"："5.4.0"，“sw-工具箱”："3.6.0"，"zone.js"："0.8.12“}，"devDependencies"：{“@离子型/应用-脚本”："2.1.3“、”@离子型/cli-插件-科多瓦“："1.6.2”、“@离子型/cli-插件-离子-角”："1.4.1“、”离子型“："3.7.0”、“打字稿”："2.3.4“}、”描述“：”一个离子项目“，“科多瓦”：{“插件”：{“科多瓦-插件-设备”：{}，“科多瓦-插件-溅屏”：{}，“科多瓦-插件-状态栏”：{}，“科多瓦-插件-白名单”：{}，“离子-插件-键盘”：{}，“科多瓦-插件-文件”：{} }，“平台”："android“}

Answer 1

您需要使用swipe，如所示，现在below.There不是(ionSwipe)。

 <ion-item-options side="left" (swipe)="save($event)">

也看这个：swipe