点击事件不起作用，“co.console.log() 不是函数”答案

【问题标题】：click event doesn't work, "co.console.log() is not a function"点击事件不起作用，“co.console.log() 不是函数”
【发布时间】：2017-09-11 19:11:32
【问题描述】：

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

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

【问题讨论】：

标签： angular typescript ionic-framework ionic2

【解决方案1】：

在您的 ts 文件上，只需执行以下操作。

.ts

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

html

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

注意：如果您需要通过item，那么只需在html 一侧和ts 一侧log(data):void {} 上这样做log(item)。

【讨论】：

好的，这个障碍已经被克服了。不过，现在我有一个不同的问题。我正在尝试根据单击的按钮推送另一个页面（基本上，为该项目打开一个详细信息页面），当我尝试这样做时，我收到一个以“Uncaught（in promise）开头的错误：错误：否具有未指定名称属性的表单控件的值访问器”这是我要调用的函数： BookDetail(title, thumbnail):void{ this.navCtrl.push(BookDetail, { bookTitle: title, bookImg: thumbnail }); };
你能用更好的代码格式把你的新问题放在你原来的问题上吗？在评论部分，没有人能正确阅读。
另外，给出 page.html 和 page.ts 代码。另外，@Sampath，我想你已经回答了他的问题。现在，他面临着不同的问题。他需要为此提出一个新问题。 Eoin - 你应该接受这个并提出一个新问题。