首页 > 解决方案 > 为什么 Onclick 事件在我的 ion col 上不起作用?

问题描述

我的 onclick 事件在 ion-col 上不起作用,它一直说,无论我调用什么方法“未在 html element.onclick 中定义”,我的代码片段如下所示

<ion-row style="width:100%; height:6%; border: 1px solid #36B729; position:absolute; top:51.5%;">
            <!-- Wall Tab -->
            <ion-col id="WallTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="TabManagement(this.id)">

              <font id="WallTab" style="color: #36B729; font-size: 70%;">Wall</font>

            </ion-col>
            <!-- Happy Customers Tab -->
            <ion-col id="HappyCustomersTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="TabManagement(this.id)">

              <font id="HappyCustomersTab" style="color: white; font-size: 70%;">Happy Customers</font>

            </ion-col>
            <!-- Reports Tab -->
            <ion-col id="UnhappyCustomersTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="GoBack();">

              <font id="UnhappyCustomersTab" style="color: white; font-size: 70%;">Unhappy Customers</font>

          </ion-col>
        </ion-row>

我的 ts 文件如下所示

公开课资料{

标签管理(){

代码...

} }

标签: javascriptangulartypescriptionic-framework

解决方案


您应该只使用 (click)="GoBack()" 并尝试使用 (click)="TabManagement(id)" 而不使用this


推荐阅读