Angular传递事件数据打印日志输出NaN问题求助
问题根因
错误出在app.component.ts的事件处理函数的console.log参数写法:
- 你从favorite组件发射的事件参数是
{ newValue: this.isFavorite }对象,代码里的+ eventArgs是尝试直接把整个事件对象强制转换为数字,普通对象转数字的结果默认就是NaN,这是控制台输出异常的直接原因。
修复方案
修改console.log的取值路径,取对象内部的newValue属性再做数字转换即可:
favButtonChanged(eventArgs: { newValue: boolean }) { console.log("Favorite changed", + eventArgs.newValue); }
修改后布尔值true会被转为1、false会被转为0,符合预期输出要求。
内容的提问来源于stack exchange,提问作者Timo Cristian
相关产品推荐
相关产品推荐

