Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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 是否有一种在ngFor中设置图像src的最佳方法_Angular_Typescript_Ngfor - Fatal编程技术网

Angular 是否有一种在ngFor中设置图像src的最佳方法

Angular 是否有一种在ngFor中设置图像src的最佳方法,angular,typescript,ngfor,Angular,Typescript,Ngfor,有没有最好的方法在ngFor中设置图像src 我已经使用下面的代码完成了 <li *ngFor="let student of students" > <div class="user--image"> <img [src]="proPicUrl+student.userId" onError="this.src = 'assets/profile.png'" class="card__img" /> </div> </li&g

有没有最好的方法在ngFor中设置图像src

我已经使用下面的代码完成了

<li *ngFor="let student of students" >
  <div class="user--image">
   <img [src]="proPicUrl+student.userId" onError="this.src = 'assets/profile.png'" class="card__img" />
  </div>
</li>


如果映像源路径直接来自服务器,速度会快吗?是否有机会缩短处理时间?
正如您所见,图像在获得学生列表后将显示。

正如您的代码所示,您的操作方式是正确的。它应该不会太慢。我很好奇如果有更多的数据来自服务器会发生什么。