时间戳

首页 > 解决方案 > 如何将图像插入? （图像选择器）

ionic-framework - 如何将图像插入? （图像选择器）

问题描述

我正在处理一个表格。其中一个字段必须要求用户从选择中选择图像。我想达到类似的结果。

所以我想到了一个每个图像<ion-select>都有一个对应的，像这样<ion-select-option>

    <ion-item>
          <ion-label>Images</ion-label>
          <ion-select>
            <ion-select-option>
              <ion-img value="image1" src="https://via.placeholder.com/150"></ion-img>
            </ion-select-option>
            <ion-select-option>
              <ion-img value="image2" src="https://via.placeholder.com/150"></ion-img>
            </ion-select-option>
          </ion-select>
    </ion-item>

但我得到以下结果。

问题是图像不显示，ion-select对话框不太适合图像选择。所以我不知道另一种离子成分是否会做得更好，或者我是否应该选择非离子溶液......

标签： ionic-framework

解决方案

无法在 ion-select-option 中添加图像，但您可以通过以下方式自行实现相同的目的：

  1. 创建一个页面并使用 ngfor 制作普通的离子列表，并在每个项目内放置一个图像，并在其前面放置一个单选按钮或多选复选框。
  2. 以模态形式打开此页面，并将 golobsl .scss 文件中的此模态自定义 css 作为正常选择警报，例如（宽度：450px；高度：350px；）。
  3. 当您打开模态发送数组时，该数组将包含模态打开时请求的图像或 api 链接。
  4. 获取与 navParams 一起发送的模态道具，但您将得到您想要的。

如需更多信息，请发表评论，随时与您同在。

推荐阅读