angular2取得img无法渲染

Question

我的问题是，我通过ng2-file-upload在前端上传多个图像，其中angular2和multer在后端。 上传文件后，响应对象将保存在我的“产品”对象中，以明确图像所属的产品。 这很好，我得到了回应，例如：

destination
:
"/Applications/MAMP/htdocs/project/server/routes/../uploads"
encoding
:
"7bit"
fieldname
:
"productImage"
filename
:
"1503791892150_BWbHb5s.jpg"
mimetype
:
"image/jpeg"
originalname
:
"BWbHb5s.jpg"
path
:
"/Applications/MAMP/htdocs/ngStore/server/uploads/1503791892150_BWbHb5s.jpg"
size
:
667147

现在当我想要angular2渲染这个图像时，它没有显示.. 当然，我在init上获取数据。 我有一个类别对象，它有一个嵌套的产品对象，它还有嵌套的图像对象，以及multer的响应。

但是我想通过将src属性设置为图像对象的路径字段来显示图像，但它不显示图像，尽管我可以看到路径是正确的...

<img [attr.src]="prod.images[0].path" height="500" width="500">

有人可以帮我吗？

Answer 1

请尝试使用像这样的安全导航操作符

<img [attr.src]="prod?.images[0]?.path" height="500" width="500">

有时在View加载一段时间后加载Image，所以在这种情况下这将起作用。