Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular 2中声明图像数组_Angular_Typescript - Fatal编程技术网
Fatal编程技术网
  • angular/
  • 如何在angular 2中声明图像数组

如何在angular 2中声明图像数组

angular typescript

如何在angular 2中声明图像数组,angular,typescript,Angular,Typescript,我试图从对象数组中调用一个映像，为此我编写了以下代码 product: any[] = [{ id: 121, name: "iphone", url: 'https://www.gstatic.com/webp/gallery3/1.png' }] //I tried locale file path also 把这张图片称为下面的图片 <div *ngFor="let list of product"> {{list.url}} </div> {

我试图从对象数组中调用一个映像，为此我编写了以下代码

product: any[] = [{
    id: 121, name: "iphone", url: 'https://www.gstatic.com/webp/gallery3/1.png'
}] //I tried locale file path also
把这张图片称为下面的图片

<div *ngFor="let list of product">
    {{list.url}}
</div>


{{list.url}
但它不显示图像，而只显示字符串。有人能告诉我如何调用数组中定义的图像吗？您需要使用
img
标记在迭代中将图像渲染到视图部分

试试这个-

<div *ngFor="let list of product">
    <img [src]='list.url' />
</div>
您需要在迭代中使用
img
标记将图像渲染到视图部分

试试这个-

<div *ngFor="let list of product">
    <img [src]='list.url' />
</div>
将URL放入
将URL放入
您可以尝试此解决方案

<div *ngFor="let list of product">
    <img [src]='list.url' [alt]='list.name'/>
</div>



你可以试试这个解决方案


<div *ngFor="let list of product">
    <img [src]='list.url' [alt]='list.name'/>
</div>