привет, как я могу использовать (click) = "{{}}" в ионном

Question

divs: any[] = [
{name: 'Petit déjeuner',key:'v1',image:'oasis/petit_dej.svg',action:'goToPage1()'},
{name: 'Entrées', key: 'v2',image:'oasis/entres.svg',action:'goToPage2()' },
  ];

<ion-grid>
                <ion-row>
                        <ion-col col-4 *ngFor="let div of divs; let i=index">
                                <div *ngIf="i<3" class="service-utilise" >
                                        <img class="service-img" src="assets/imgs/{{div.image}}" click="{{div.action}}"  />
                                        <p>{{ div.name }}</p>
                                </div>`enter code here`
                        </ion-col>
                </ion-row>
        </ion-grid>

Answer 1

Прежде всего, вам нужно добавить функцию в ваш файл .ts ;Например:

testFunction(action){
 console.log(action);
}

и

 <img class="service-img" src="assets/imgs/{{div.image}}" click="testFunction(div.action)"  />

Answer 2

Вам нужно сделать что-то подобное.Здесь я назначаю (щелчок) кнопке, и вызываемый ею метод создает окно предупреждения.

Файл TS

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {

constructor(public navCtrl: NavController) {


}

DoSomething(){
alert("It WORKS!");

  }
}

Файл HTML

<ion-header>
<ion-navbar>
<ion-title>
  Ionic Blank
</ion-title>
</ion-navbar>
</ion-header>

<ion-content padding>
<button ion-button (click)="DoSomething()">Default</button>
</ion-content>