时间戳

首页 > 解决方案 > 如何禁用 Ionic 3 的离子卡？

angular - 如何禁用 Ionic 3 的离子卡？

问题描述

我想使用官方文档中列出的disabled属性禁用 ion-card。我尝试使用它，但没有任何反应，我仍然可以与卡交互。

我也尝试使用[disabled]仍然没有禁用卡。

实现这一目标的正确方法是什么？

代码：

<ion-card (click)="openControllerPage('ERD')" disabled='true'>
          <ion-card-content>
            <div style="text-align: center;">
              <img src="assets/imgs/executive_dashboard.png" style="height: 30px;width: 30px">
              <h2 style="color: #8d8d8d"><b>Executive<br> Dashboard</b></h2>
            </div>
          </ion-card-content>
 </ion-card>

标签： angulartypescriptionic-frameworkionic3

解决方案

尝试这个，

<ion-card (click)="openControllerPage('ERD')" [disabled]="true">
          <ion-card-content>
            <div style="text-align: center;">
              <img src="assets/imgs/executive_dashboard.png" style="height: 30px;width: 30px">
              <h2 style="color: #8d8d8d"><b>Executive<br> Dashboard</b></h2>
            </div>
          </ion-card-content>
 </ion-card>

推荐阅读