click事件不起作用,"co.console.log()不是函数"

Question

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

"co.不是一种功能."

我不知道是什么问题,因为它给了我同样的错误,当我尝试使用alert或console.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>

Answer 1

在你的ts文件上就像下面这样.

.TS

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

HTML

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

注意:如果你需要通过,item那么只需log(item)在html侧面和ts侧面做这样的log(data):void {}.