2017-03-10 16 views
0

私はIonic 2アプリを作成しています。.tsファイルにいくつかのメソッドを作成したいと思います。 .htmlファイルでは関数を呼び出しましたが、機能しませんでした。 これは非常に基本的なもので、テストのためだけでは動作しません。 これは.htmlファイルです:メソッドが動作しない

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

構文は '(click)=" showInfo() "'です。これは確かに基本的なものです。ドキュメントをお読みください。 –

+0

ありがとう、私は、まだ動作しませんでした、私はコンソール上で何も見ることができません。 – swiftnewbie

+0

ありがとう、カードに「クリック可能」を追加するのを忘れました。 – swiftnewbie

答えて

1

が(クリック)= "SHOWINFO()" でのonclick = "SHOWINFOを()" 交換してみてください。これは.tsファイルである

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

+0

ありがとう、私はそれを変更しましたが、まだ出力が表示されません。 – swiftnewbie

+0

ありがとう、カードに「クリック可能」を追加するのを忘れてしまった。 – swiftnewbie

関連する問題