2017-03-10 4 views
0

Ich erstelle eine Ionic 2 App und ich möchte einige Methoden in der Datei .ts erstellen. In der .html Datei habe ich eine Funktion aufgerufen, aber es funktioniert nicht. Dies ist sehr einfach, nur zum Testen, aber wird nicht funktionieren. Diese ist die .html Datei:Methoden funktioniert nicht

<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> 

ist dies die .ts Datei:

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."); 
    } 
} 
+0

Die Syntax ist '(click) =" showInfo() "'. Dies ist in der Tat grundlegende Dinge. Lesen Sie die Dokumentation. –

+0

Danke, ich habe, immer noch nicht funktioniert, ich kann nichts auf der Konsole sehen. – swiftnewbie

+0

Danke, ich habe vergessen, 'anklickbar' für die Karte hinzuzufügen. – swiftnewbie

Antwort

1

Try Onclick = "show()" mit (Klick) = "show()" zu ersetzen.

+0

Danke, ich habe es geändert, kann aber immer noch keine Ausgabe sehen. – swiftnewbie

+0

Danke, vergessen, "anklickbar" für die Karte hinzuzufügen. – swiftnewbie

Verwandte Themen