saving object to mongo db but on retrieving data is not coming

[obaid abbassi]

Hello I m using node epress to save data in mongo db
actually It contains array of objects  containing image urls

productUrl:[

    {
       url:'headp.jpg' ,
    },


    {
        url:'cam.jpg' ,
     },

     
    {
        url:'sho.png' ,
     },

]

on iterating I want to change image urls dynamically like
<image src" {{this.productUrls}}"/>

but I m receiving full object includes id bla abla I need to get only specific URL from mongo db like

<img src="sho.png"/>

<img src="cam.png"/> etc

[Bear Bibeault]

Well, yeah. If productUrls points to an object, you need to drill down to the reference(s) that contain the URL string(s).

[Al Hobbs]

If you want list of only the image file names you can use map.

this.productUrls.map(p => p.url)

[obaid abbassi]

I m getting error using map method

If I inspect page source URLs are coming like

<img class="card-img-top img-fluid" src="{ url: 'headp.jpg', _id: new ObjectId("63496ef4ed64d5436e2fcc9e") },{ url: 'cam.jpg', _id: new ObjectId("63496ef4ed64d5436e2fcc9f") },{ url: 'sho.png', _id: new ObjectId("63496ef4ed64d5436e2fcca0") }" alt="Card image cap">