我的问题是:我需要点击图片才能全屏查看?
注意:图像源包含变量{{item.name}}
Home.html中
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item *ngFor="let item of employees | async json">
<ion-thumbnail item-start>
<img src="https://firebasestorage.googleapis.com/v0/b/my-ionic-bedde.appspot.com/o/images%2F{{item.name}}.jpg?alt=media&token=be89c991-d6b1-49bf-bb64-cf103c835002">
</ion-thumbnail>
<h2> {{item.name}} {{item.lname}}</h2>
<p>{{item.age}}</p>
<p>{{item.dept}}</p>
<button ion-button clear item-end">View</button>
</ion-item>
</ion-list>
</ion-content>
答案 0 :(得分:0)
您正在<ion-thumbnail>
内使用<ion-item>
元素,这会将您的图片简单地显示为列表元素内的缩略图。
(见:https://ionicframework.com/docs/api/components/thumbnail/Thumbnail/)
(你可能会看到类似的东西)
如果您想全屏查看图像,则需要自己创建此功能(可能创建新页面或其他组件),但与此无关。
无论哪种方式,我建议您将图像的“src”作为组件中的字符串,这样您就可以更轻松地将其传递给您选择的全屏解决方案。
我希望它有所帮助。