【问题标题】:Ionic v2 problems with cards卡的 Ionic v2 问题
【发布时间】:2017-03-26 01:47:28
【问题描述】:
这将是两个部分或两个问题,过去几天我对此进行了很多研究,但找不到答案,所以如果我错过了它并且它在文档或其他地方,请链接我。
一,我正在尝试获取背景想象卡来显示图像,但是当我构建应用程序时,图像出现问题并且无法显示,有什么解决方法的想法吗?
问题二,有没有办法让卡片可以点击并引导到另一个视图。我已经创建了视图,但我想在选择三项内容时使用卡片链接将用户发送到页面。
提前感谢您的帮助!
【问题讨论】:
标签:
angular
ionic-framework
ionic2
cross-platform
ionic-view
【解决方案1】:
如下图所示。
这里是working Plunker
app/home.page.html
<ion-card (click)="user()">
<ion-card-header>
Header
</ion-card-header>
<ion-card-content>
<img src="http://i.imgur.com/rkedK1U.jpg" alt="Login">
This is my image card
</ion-card-content>
</ion-card>
app/home.page.ts
user(): void {
this.navCtrl.push(UserPage);
}
可点击的图片卡片: