Angular 无法将多个值发射到另一个组件
我必须向父组件传递两个值Angular 无法将多个值发射到另一个组件,angular,Angular,我必须向父组件传递两个值 @Output()onDatePicked=neweventEmitter(); 公共选取日期(日期:任意,日期1:任意):无效{ this.onDatePicked.emit({date,date1}); } 在我的父组件中: 在父控制器中,我要记录它们: 公共打印(e){ 控制台日志(例如日期); 控制台日志(如date1); } 它记录未定义的日志请尝试以下操作: @Output() onDatePicked: EventEmitter<any>
@Output()onDatePicked=neweventEmitter();
公共选取日期(日期:任意,日期1:任意):无效{
this.onDatePicked.emit({date,date1});
}
在我的父组件中:
在父控制器中,我要记录它们:
公共打印(e){
控制台日志(例如日期);
控制台日志(如date1);
}
它记录未定义的日志请尝试以下操作:
@Output() onDatePicked: EventEmitter<any> = new EventEmitter<any>();
public pickDate(date: any, date1: any): void {
var dates = {
date: date,
date1: date1
}
this.onDatePicked.emit(dates);
}
@Output()onDatePicked:EventEmitter=新的EventEmitter();
公共选取日期(日期:任意,日期1:任意):无效{
变量日期={
日期:日期:,
日期1:日期1
}
this.onDatePicked.emit(日期);
}
试试这个:
@Output() onDatePicked: EventEmitter<any> = new EventEmitter<any>();
public pickDate(date: any, date1: any): void {
var dates = {
date: date,
date1: date1
}
this.onDatePicked.emit(dates);
}
@Output()onDatePicked:EventEmitter=新的EventEmitter();
公共选取日期(日期:任意,日期1:任意):无效{
变量日期={
日期:日期:,
日期1:日期1
}
this.onDatePicked.emit(日期);
}
当您发出日期和日期1时,它们看起来已经未定义了。@yash如果我记录e,它只记录日期,您可以尝试将日志放在this.onDatePicked.emit
上面吗?date
和date1
您可能也需要共享html代码this.ondatepicket.emit({date:date,date1:date1})
,您发出一个对象-您确定在typescript中您可以创建一个仅包含变量的对象,还是输入错误?-当您发出时,日期和日期1看起来已经未定义
。@yash如果我记录e,它只记录日期,您可以尝试将日志置于this.onDatePicked.emit
之上吗?date
和date1
您可能也需要共享html代码this.ondatepicket.emit({date:date,date1:date1})代码>,您发出一个对象-您确定在typescript中您可以只使用变量创建一个对象,还是输入错误?-当l log e.date1我未定义时,您可以添加console.log(日期)代码>就在this.onDatePicked.emit(日期)之前
查看是否获得了date
和date1
的正确值。如果date1
在这里是undefined
,那么您应该检查date1
的输入。我记录日期,但我没有定义日期,这很奇怪,所以您应该检查您的输入(在html和调用pickDate()
的方法中),以确保获得date
和date1
的正确值。如果您在这方面需要更多帮助,只需更新问题,我们将尝试解决它代码>就在this.onDatePicked.emit(日期)之前
查看是否获得了date
和date1
的正确值。如果date1
在这里是undefined
,那么您应该检查date1
的输入。我记录日期,但我没有定义日期,这很奇怪,所以您应该检查您的输入(在html和调用pickDate()
的方法中),以确保获得date
和date1
的正确值。如果你在这方面需要更多帮助,只需更新问题,我们将尝试解决它。