I wrote this function to navigate from one page to another by simply clicking the card but i keep getting the is not a function error
Here is my sample code Home.html
<ion-title>
</ion-title>
<ion-item no-lines>
<ion-avatar item-end >
<img src="../../assets/photos/14171056001.jpg">
</ion-avatar>
<h2>Ali Salim</h2>
<p>Mbezi beach, Dar es Salaam</p>
</ion-item>
<**ion-card (click)= "cardClicked()"**>
<ion-card-header>
Payments
</ion-card-header>
<ion-card-content>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
List your Space
<ion-card-content>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
Settings
<ion-card-content>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
Help
<ion-card-content>
</ion-card-content>
</ion-card>
<ion-card>
<ion-card-header>
Feedback
<ion-card-content>
</ion-card-content>
</ion-card>
home.ts file:
import { NavController } from ‘ionic-angular’;
import { PaymentsPage } from ‘…/payments/payments’;
@Component({
selector: ‘page-contact’,
templateUrl: ‘contact.html’
})
export class ContactPage {
constructor(public navCtrl: NavController) {
}
cardClicked(){
this.navCtrl.push( PaymentsPage)
}
onSearch(event){
console.log(event.target.value);
}
}