Inoic : Ionic头像未显示
Inoic : Ionic头像未显示
提问于 2019-07-16 18:15:37
项目-头像在我的项目中不起作用，它根本没有显示项目-头像元素。
<ion-content padding>
<ion-list>
<ion-list-header>
Recent Conversations
</ion-list-header>
<ion-item>
<item-avatar start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</item-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
<ion-item item-start>
<item-avatar start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</item-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
<ion-item slot="start">
<item-avatar start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</item-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
</ion-list>
</ion-content>包JSON
"rxjs": "5.4.0",
"core-js": "2.4.1",
"zone.js": "0.8.12",
"typescript": "2.3.4",
"@angular/core": "5.2.9",
"@angular/http": "4.1.3",
"ionic-angular": "3.9.2",
"@angular/forms": "5.2.9",
"@angular/common": "5.2.9",
"@angular/compiler": "5.2.9",
"@angular/compiler-cli": "5.2.9",
"@angular/platform-browser": "5.2.9",
"@angular/platform-browser-dynamic": "5.2.9"下面是project的stackblitz url。
https://stackblitz.com/edit/ionic-mntalz
它应该在左侧显示图像
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-07-16 18:31:03
你在<item-avatar start>犯了个错误
更改为：
<ion-avatar item-start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</ion-avatar>工作代码：
<ion-content padding>
<ion-list>
<ion-list-header>
Recent Conversations
</ion-list-header>
<ion-item>
<ion-avatar item-start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
<ion-item item-start>
<ion-avatar item-start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
<ion-item slot="start">
<ion-avatar item-start>
<img src="https://ionicframework.com/docs/demos/api/avatar/avatar.svg">
</ion-avatar>
<ion-label>
<h2>Finn</h2>
<h3>I'm a big deal</h3>
<p>Listen, I've had a pretty messed up day...</p>
</ion-label>
</ion-item>
</ion-list>
</ion-content>参考链接：https://ionicframework.com/docs/v3/components/#multiline-list
Stack Overflow用户
发布于 2019-07-16 19:12:59
你犯了一个错误
更改为：
<ion-list>
<ion-item>
<ion-avatar item-start>
<img src="img/avatar-cher.png">
</ion-avatar>
<h2>Cher</h2>
<p>Ugh. As if.</p>
</ion-item>
</ion-list>参考链接：https://ionicframework.com/docs/v3/components/#avatar-list
你应该在其他元素上删除额外的"item-start“。仅在头像"item-start“上使用
您需要检查此答案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57054991
复制相关文章
相似问题
腾讯云开发者
