用于ngx图像库的for循环内的ArrayList

Question

this.imageDataPoints 是我的动态 ArrayList，我想将 media_url 属性设置为 this.galleryImages = [ { 小的： ''， 中等的： ''， 大的： ''， } ];

请帮助我使用循环或任何其他解决方案绑定它。

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

据我了解您的问题，一个简单的 forEach (MDN-Link) 就足够了。

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

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

如果我对问题的理解有误，请纠正我并提供更多详细信息。