不是角离子函数

Question

我在离子应用程序的角度组件中有以下代码。
在.html =>

<ion-col *ngFor="let a of article; let i=index" size="4">
         <div (click)="openArticle()">
          <ion-thumbnail slot="start">
          <ion-img [src] ="a.src" > </ion-img>
          </ion-thumbnail>
          <ion-label class="article-title">{{a.title}}</ion-label>
         </div>
        </ion-col>

在.ts =>

openArticle(){
    console.log("test")
}

如果我单击选项卡，则openArticle不会起作用。此功能应显示控制台消息。

Answer 1

尝试将tappable添加到您的div

<div tappable (click)=“myFunction($event)”>

Answer 2

尝试以下代码

<ion-col *ngFor="let a of article; let i=index" size="4" tappable (click)="openArticle()">
     <ion-thumbnail slot="start">
          <ion-img [src] ="a.src" > </ion-img>
     </ion-thumbnail>
     <ion-label class="article-title">{{a.title}}</ion-label>
</ion-col>

Answer 3

您能否确保openArticle()函数位于引用 .html页面的组件内部？

也许它在 .ts文件中，但不在组件类之内。