Javascript 显示本地存储中的图像时出现问题

我不熟悉angular框架，不习惯web开发。我无法显示存储在本地存储器中的图像

<tr *ngFor = "let item of unused; let i = index ; ">
     <div   style="padding-left:25%;padding-top:0%;"  class="row">
          <img  src="" id="imageID{{i}}" style ="width: 100%;height: 100%;padding-right: 50px;padding-bottom: 15px;" >
     </div>
</tr>

for（设i=0；i
dataImages:any[]=[]；
恩戈尼尼特（）{
对于（让i=0；i），您的代码需要进一步改进。这不是一个合适的角度代码。对于您的场景，创建一个数组对象并将图像路径添加到该数组中。在html中循环该对象，并直接在src标记中使用它。
unused=[1,2,3,4,5]


for (let i=0; i<5;i++)
    { 
      var n = i.toString();

      var dataImage = localStorage.getItem(("image"+ n));
      var bannerImg = document.getElementById(("imageID"+n)) as HTMLImageElement;
      bannerImg.src = dataImage;
    }

dataImages: any[]= [];

ngOnInit(){
for (let i=0; i<5;i++)
    { 
      var dataImage = localStorage.getItem(("image"+ i));
      dataImages.push(dataImage);
    }
}

<tr *ngFor = "let item of dataImages">
     <div   style="padding-left:25%;padding-top:0%;"  class="row">
          <img  [src]="item"  style ="width: 100%;height: 100%;padding-right: 50px;padding-bottom: 15px;" >
     </div>
</tr>