点击事件不起作用," co.console.log()不是一个功能"

时间:2017-04-15 18:47:46

标签: angular typescript ionic-framework ionic2

我一直试图让按钮工作来调出一个页面,在参数中传递一个对象,但由于某种原因,它给了我错误

  

" CO。不是一个功能。"

我不知道问题是什么,因为当我尝试使用alertconsole.log或任何内容时,它会给我同样的错误。

HTML

<ion-header>

   <ion-navbar>
       <ion-title>SearchResults</ion-title>
   </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-list>
        <ion-item *ngFor= "let item of resultArray;">
            <img src={{item.thumbnail}} />
            <p>{{item.title}}</p>
            <button bookDetail (click)="console.log(\"Even some text, please?\")">DETAIL</button>
        </ion-item>
    </ion-list>
</ion-content>

1 个答案:

答案 0 :(得分:9)

ts文件上,如下所示。

<强> .TS

log():void {
 console.log('Your message here');
}

<强> HTML

<button ion-button (click)="log()">DETAIL</button>

注意:如果您需要传递item,那么只需log(item)侧和html侧{{1} ts }}