離子卡 function 調用 (onclick)

Question

使用 ionic 5.0.2 版本，我正在嘗試處理離子卡內的事件點擊。 不好的是，我無法使用您現在正在考慮的單個 function 處理單個事件......看看我的代碼：

動態卡列表首頁.html

<ion-card *ngFor="let jsons of json"  button (onclick)="greed($event)">
          <ion-item>
            <ion-avatar slot="start">
              <img src="http://icons.iconarchive.com/icons/papirus-team/papirus-status/256/avatar-default-icon.png">
            </ion-avatar>
            <ion-label>{{jsons.nombre_servicio}}</ion-label>
          </ion-item>

          <ion-card-content >
            <ion-grid>
              <ion-row>
                  <ion-col size="8" size-md>
                      {{jsons.serviciodescripcion}}
                    </ion-col>
                    <ion-col size="4">
                     <ion-chip>
                        <ion-icon name="pin"></ion-icon>
                        <ion-label>{{jsons.costoHora}}</ion-label>
                      </ion-chip>
                    </ion-col>
              </ion-row>
            </ion-grid>

          </ion-card-content>
        </ion-card>

正如您在上面看到的，我有一個名為 greed 的 function，我想向 function 發送一個值，這樣我就知道點擊了哪張卡，您可以在下面看到該模塊：

主頁.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { AlertController } from '@ionic/angular';
@Component({
  selector: 'app-home-home',
  templateUrl: './home-home.page.html',
  styleUrls: ['./home-home.page.scss'],
})
export class HomeHomePage implements OnInit {
  user: any;
  constructor(public httpClient: HttpClient, public alertController: AlertController, public router: Router) { }
  json : any;
  clicked: any;
  ngOnInit() {
    const token = 'top10';
    this.httpClient.get(`https://mydatabaseapi/servicios.php?&token=${token}`)
    .subscribe(async data => {
      if ( data == null) {
      } else {
       console.log(data);
       this.json = data;
      }
     }, error => {
      console.log(error);
    });
  }
  back() {
    this.user = history.state;
    this.router.navigate(['/menu/:user'], {state: this.user});
  }
  greed(obj: any) {
    console.log(obj);

  }
}

即使我不添加任何參數，只輸入一個 console.log("HI stackoverflow"); 我無法獲得點擊，有什么想法嗎？

Answer 1

代替

(onclick)="greed($event)"

利用

(click)="greed($event)"