ionic-angluar怎么打开手机的图库并在页面中显示

要在 Ionic-Angular 应用程序中打开手机的图库并在页面中显示图像，可以使用 Cordova 插件 "cordova-plugin-filechooser" 和 "cordova-plugin-filepath"。

首先，在终端中进入 Ionic-Angular 项目的根目录，运行以下命令来安装这两个插件：

ionic cordova plugin add cordova-plugin-filechooser
npm install --save @ionic-native/file-chooser

ionic cordova plugin add cordova-plugin-filepath
npm install --save @ionic-native/file-path

然后，在你的组件中导入 `FileChooser` 和 `FilePath`：

import { FileChooser } from '@ionic-native/file-chooser/ngx';
import { FilePath } from '@ionic-native/file-path/ngx';

接下来，在组件的构造函数中注入 `FileChooser` 和 `FilePath`：

constructor(
  private fileChooser: FileChooser,
  private filePath: FilePath
) {}

在你的页面中添加一个按钮，当用户点击该按钮时，调用 `openGallery` 方法来打开图库：

<ion-button (click)="openGallery()">打开图库</ion-button>

在组件中实现 `openGallery` 方法：

async openGallery() {
  try {
    const uri = await this.fileChooser.open();
    const filePath = await this.filePath.resolveNativePath(uri);
    this.imageSrc = filePath;
  } catch (e) {
    console.error(e);
  }
}

在这个方法中，我们使用 `FileChooser` 来打开图库并返回图像的 URI。然后，我们使用 `FilePath` 来将 URI 转换为本地文件路径。最后，我们将图像路径赋值给 `imageSrc` 变量，以便在页面中显示。

在页面中添加一个 `img` 元素来显示图像：

<img [src]="imageSrc">

现在，当用户点击 "打开图库" 按钮时，将会打开图库并选择一个图像。选中的图像将会显示在页面上的 `img` 元素中。