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

Question

在上述 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 .

Answer 1

试试这个:

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

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