时间戳

首页 > 解决方案 > 如何使用 API 从数据库中获取数组图像并将其转换为 JSON 数组以在 Angular 4 中以 HTML 格式显示

json - 如何使用 API 从数据库中获取数组图像并将其转换为 JSON 数组以在 Angular 4 中以 HTML 格式显示

问题描述

我想使用 api 从我的数据库中获取 optionimage 然后我想将图像值推送到 json 数组中，以便我可以在 HTML 页面中显示。我的数据库结构如下。 这是 optionimage 所在的数据的屏幕截图，如下所示

我尝试了一些方法来获取数据，但我无法正确选择图像并且无法将其转换为 JSON 数组。我也在尝试这种方式

 data.survey.forEach(element => {
       var obj = {
       //is_attached_image: false,
       optionimage: element.optionimage,
      // _id: element.group_id._id
       }
      this.slideImages.push(obj);
       console.log(obj)
     });

但没有得到适当的结果。

我想制作下面这样的 optionimage 格式，以便我可以播放图像循环。但为此，我有点困惑我需要做什么来实现它。

提前致谢。

标签： jsonangularapi

解决方案

我不太确定你到底想要什么，但这是我所理解的答案 

let URL = "http://<ip-address>:<port>/";
    let slideImages = [];
    data.survey.forEach(element => {
        if(Array.isArray(element.optionimage) && !empty(element.optionimage)) {
            element.optionimage.forEach(img => {
                slideImages.push({image: (URL+img[0])});
            });
        }
    });

推荐阅读