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

在所说的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/