我正在创建一个Ionic 2应用程序,我想在.ts
文件中创建一些方法。 在.html
文件中,我调用了一个函数,但它不起作用。 这是非常基本的,只是为了测试,但不会工作。 这是.html
文件:方法不起作用
<ion-header>
<ion-navbar>
<ion-title>home</ion-title>
</ion-navbar>
</ion-header>
<ion-content class="background-card-page">
<ion-card onclick="showInfo()">
<div class="imageContainer">
<img src="assets/img/placeholder.png"/>
</div>
<div class="card-title" id="title">São Paulo</div>
<div class="card-subtitle">41 Listings</div>
</ion-card>
</ion-content>
这是.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) {
}
/**
* showInfo
*/
public showInfo() {
console.log("Hello.");
}
}
语法是'(click)=“showInfo()”'。这确实是基本的东西。阅读文档。 –
谢谢,我做了,仍然没有工作,我无法在控制台上看到任何东西。 – swiftnewbie
谢谢,我忘了为卡添加'可点击'。 – swiftnewbie