* NgFor - Resim URL'lerin dizisi - çalışmıyor

oy
0

Ben aracılığıyla görüntülerin dizi göstermeye etmeye çalışıyorum *ngFor. hepsi farklı resimler göstermek gerekiyordu ama bunun yerine onun sadece tek ve dizinin ilk resim göstermek.

Şimdiye kadar:

private localImg:any = [];
  constructor() { }

  ngOnInit() {
    this.localImg = [     
     {id:0,name:img0,url:'assets/img/img0.png'},
     {id:1,name:img0,url:'assets/img/img1.png'},
     {id:2,name:img0,url:'assets/img/img2.png'},
     {id:3,name:img0,url:'assets/img/img3.png'},
     {id:4,name:img0,url:'assets/img/img4.png'},     
      ]
      console.log(image, this.localImg);
  }

<div class=container-fluid *ngFor=let img of localImg>
   <div class=row imagetiles>
        <div class=col-lg-3 col-md-3 col-sm-3 col-xs-6>
            <img [src]='img.url' class=img-responsive>
        </div>
   </div>
</div>

Ben kullanarak resimleri almaya çalıştı [src]='img.url've değiştirildi [src]='img.id've namehiçbir şans ama.

Ya bana herhangi başka daha kısa ve kolay bir çözüm önerilerinde bulunun.

çözümleriniz için çok teşekkür ederiz.

Oluştur 08/11/2018 saat 11:19
kaynak kullanıcı
Diğer dillerde...                            


2 cevaplar

oy
3

Büyük olasılıkla sorun yaparak Yollarınızı baþvurduðunuzu olmasıdır:

url:'assets/img/img0.png'

yerine:

url:'./assets/img/img0.png'
Cevap 08/11/2018 saat 11:34
kaynak kullanıcı

oy
2

Bu uygulama ile yeni bir proje oluşturduk:

App.component

import { Component } from '@angular/core';

    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      imgList: any[] = []

      constructor(){
        this.imgList = [
          {id: 1, path:"./assets/1.jpeg"},
          {id: 2, path:"./assets/2.jpeg"},
          {id: 3, path:"./assets/3.jpeg"}
        ];
      }
    }

App.component.html

<div *ngFor="let i of imgList">
  <img [src]="i.path" style="width:100px">
</div>

Projenin Struct:

Burada görüntü açıklama girin

Ve sonuç bu:

Burada görüntü açıklama girin

Gördüğüm tek sorun yol olduğundan, görüntü yolunun doğru olduğundan emin misin? Ayrıca, görüntüler geçerli?

Cevap 08/11/2018 saat 11:30
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more