javascript - Angular 如何将本地镜像引用到 JSON 对象中

标签 javascript arrays json angular image

在上述 Angular 项目中,我制作/硬编码了一个 JSON 对象。

如何指向项目中的图像。

示例:

   picArray = [
      {
        imageIcon: 'PATH/assets/image1.png' //do not know how to do this one
      },
      {
        imageIcon: 'https://someurl.com/forsome/image.png' //this works fine
      }
   ]

我正在尝试找到正确的语法来引用要显示的本地镜像。

这可能是一个可能的解决方案

   picArray = [
      {
        imageIcon: require('./assets/image1.png') // so this displayed said image
      }  
]

不完全确定这是否是最好的解决方案,但它确实帮助了我。

这是 source .

最佳答案

试试这个:

picArray = [
  {
    imageIcon: 'assets/image1.png' //do not know how to do this one
  }, 
....

<img src="assets/image1.png" />
<img src="{{picArray[0].imageIcon}}" />

关于javascript - Angular 如何将本地镜像引用到 JSON 对象中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60166153/

相关文章:

jquery - 使用 devbridge 自动完成和 wunderground 自动完成 API

json - 压缩的 JSON 比非压缩版本大

javascript - 在 jQuery 中禁用 Toggle 上的输入

javascript - 更改非事件页面标题

javascript - 会在 javascript 中多次调用 export function() 吗?

arrays - 在 Spark 中访问数组列

c - 关于使用数组乘以 C 中的多项式

java - jsp中如何从 Controller 获取json数据?

javascript - 为什么 JSONObject.length 未定义?

javascript - JSON obj 到 javascript 中的动态多维数组