Javascript 如果文件位于assets文件夹中，我们如何在img元素中设置url

“资源”文件夹由许多图像组成，这些图像将根据列表元素在视图中打印。 例如： 为了从图像文件夹中检索图像，可以填写什么问号。 我的代码：

{{data.Comp}}

{{data.Demand}}

{{data.Desig}}

{{data.Place}}

{{data.when}}

更新：

请按如下所示进行尝试。

在
.ts
文件中订阅
，然后删除
async
管道。另外，将
*ngFor
放在
元素上。只需尝试一下，看看是否有任何不同的结果

.ts

数据：FirebaseListObservable；
构造函数（公共navCtrl:NavController，公共authData:authData，公共af:AngularFire）{
af.database.list（'/datas'）。订阅(
结果=>{
this.datas=结果；
},
}

.html


{{data.Comp}}

{{data.Demand}}

{{data.Desig}}

{{data.Place}}

{{data.when}}


旧的

您必须按如下所示进行操作

<ion-thumbnail item-left>
        <img src= "../assets/image/{{data.imageName}}">
</ion-thumbnail>

更新：

请按如下所示进行尝试。
在
.ts
文件中订阅
，然后删除
async
管道。另外，将
*ngFor
放在
元素上。只需尝试一下，看看是否有任何不同的结果

.ts

数据：FirebaseListObservable；
构造函数（公共navCtrl:NavController，公共authData:authData，公共af:AngularFire）{
af.database.list（'/datas'）。订阅(
结果=>{
this.datas=结果；
},
}

.html


{{data.Comp}}

{{data.Demand}}

{{data.Desig}}

{{data.Place}}

{{data.when}}


旧的

您必须按如下所示进行操作

<ion-thumbnail item-left>
        <img src= "../assets/image/{{data.imageName}}">
</ion-thumbnail>


你能在这里显示一些代码吗？@Sampath我已经显示了我的代码。资产文件夹由图像文件组成，我想在与数据中的项目相对应的视图中打印这些文件。请帮助我。谢谢你，你也能分享代码，从哪里获取
数据
？这是
可观察的还是？是的，它是可观察的.Async data。您也可以共享该代码吗？您可以在此处显示一些代码吗？@Sampath我已经显示了我的代码。资产文件夹由图像文件组成，我希望将其打印在与数据中的项目相对应的视图中。请帮助我。谢谢。您也可以共享代码，从何处获取
数据
？是否可以查看
或？是的，它是一个可观察的异步数据。您也可以共享该代码吗？它仍然不工作。实际上，在我的资产文件夹中，有一个名为image的文件夹，其中包含图像文件。我想显示与项目列表（数据）对应的图像。因此，我需要在图像的元素标记中写入URL。我无法写入URL。我还尝试了您共享的代码，但它也不起作用。@SampathError:加载资源失败：服务器响应状态为404（未找到）当我检查响应时，它显示：无法获取/assets/image/I已解决问题。感谢@Sampath的努力：）它仍然不工作。实际上，在我的assets文件夹中，有一个名为image的文件夹，其中包含图像文件。我想显示与项目列表（数据）相对应的图像。因此，我需要在图像的元素标记中写入URL。我无法写入URL。我还尝试了您共享的代码，但它也不起作用。@SampathError:加载资源失败：服务器响应状态为404（未找到）当我检查响应时，它显示：无法获取/assets/image/I已解决问题。感谢@Sampath的努力：）
<ion-content padding>
  <ion-list *ngFor="let data of datas">
    <ion-item  class="pqr">
      <ion-thumbnail item-left>
        <img src= <img src= "../assets/image/{{data.imageName}}">
      </ion-thumbnail>
      {{data.Comp}}<br> 
      {{data.Demand}}<br>
      <p> {{data.Desig}}<br></p>
        {{data.Place}}<br>
        {{data.when}}<br>
    </ion-item>
  </ion-list>

</ion-content>

<ion-thumbnail item-left>
        <img src= "../assets/image/{{data.imageName}}">
</ion-thumbnail>