angular - 点击事件无效， "co.console.log() is not a function"

Question

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

"co. is not a function."

我不知道问题出在哪里，因为当我尝试使用 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，那么只需在html 上执行log(item) > 端和 ts 端 log(data):void {}。