卡片的离子v2问题

Question

这将是两个部分或两个问题，我在过去几天里对此进行了大量研究，但我找不到答案，所以如果我错过了它并且它在文档或其他地方请链接我。

一，我正在尝试使用背景想象卡来显示图像但是当我构建应用程序时，图像出现问题并且无法显示，有关如何修复的任何想法？

问题二，有没有办法让卡片可以点击并导致另一个视图。我创建了视图，但是我想在选择三件事时使用卡片链接将用户发送到页面。

提前感谢您的帮助！

Answer 1

您可以按照以下所示进行操作。

以下是working Plunker

应用程序/ 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>

应用程序/ home.page.ts

 user(): void {
    this.navCtrl.push(UserPage);
  }

可点击图片卡：