我正在创建一个Ionic 2应用,我想在.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.");
}
}
文件:
ListAdapter
答案 0 :(得分:1)
尝试用(click)=“showInfo()”替换onclick =“showInfo()”。