Arraylist for-Schleife für NGX Fotogalerie

Question

this.imageDataPoints ist meine dynamische Arraylist, und ich möchte this.galleryImages = die MEDIA_URL Eigenschaft auf [ { klein: '', Medium: '', groß : '', } ];

bitte helfen Sie mir, dies mit Schleife oder eine andere Lösung zu binden.

this.imageDataPoints = [ 
    { 
     "user_id":11, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_media_ingest/o/155%2Ftemp_photo.png?generation=1512207708761660&alt=media", 
     "media_name":"155/temp_photo.png" 
    }, 
    { 
     "user_id":43, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_ingest_media/o/155%2FKendall%20Jenner.jfif?generation=1511847043169272&alt=media", 
     "media_name":"155/Kendall Jenner.jfif" 
    }, 
    { 
     "user_id":11, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_media_ingest/o/155%2Fmaxres.jpg?generation=1512207530832065&alt=media", 
     "media_name":"155/maxres.jpg" 
    }, 
    { 
     "user_id":43, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_ingest_media/o/155%2Fmaxres.jpg?generation=1511869575663768&alt=media", 
     "media_name":"155/maxres.jpg" 
    }, 
    { 
     "user_id":11, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_media_ingest/o/155%2FFacebook%20Cover%20-%20Untitled.jpg?generation=1512490205942447&alt=media", 
     "media_name":"155/Facebook Cover - Untitled.jpg" 
    }, 
    { 
     "user_id":43, 
     "media_type":"IMAGE", 
     "media_uri":"https://www.googleapis.com/download/storage/v1/b/dev_platform_ingest_media/o/155%2FKendall%20Jenner.jpg?generation=1511869598503407&alt=media", 
     "media_name":"155/Kendall Jenner.jpg" 
    } 
] 

Answer 1

Soweit ich verstehe Ihre Frage eine einfache foreach (MDN-Link) würde ausreichen.

this.imageDataPoints.forEach((picture, index) => { 
    picture.media_uri = this.galleryImages[index]; 
    }); 

Plunker: https://plnkr.co/edit/AiTTBuWliNaev3AXksYJ?p=preview

Bitte korrigieren Sie mich, wenn ich die Frage verstanden falsch und mehr Details darüber geben.