时间戳

首页 > 解决方案 > hello,how can i use (click)="{{}}" in ionic

ionic-framework - hello,how can i use (click)="{{}}" in ionic

问题描述

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>

标签： ionic-framework

解决方案

你需要做这样的事情。在这里，我将一个（单击）分配给一个按钮，它调用的方法将生成一个警报框。

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>

推荐阅读