0
我正在将信息从读取组件传递到编辑组件。我使用了共享服务（modeled off of this post），但在子组件中，员工信息为空。我想也许我无意中实例化服务两次，这就是为什么它是空的（？），但不知道我在做什么。以//未定义的线条应该有与父同一名员工信息（父母工作）无法在使用共享服务的Angular 2组件之间传递数据
家长
@Component({
providers: [EmployeesService]
})
export class EmployeeParentComponent {
private employee: Employee;
constructor(
private employeesService: EmployeesService,
protected router: Router,
protected route: ActivatedRoute,) { }
ngOnInit(): void {
}
//called from HTML template on Edit button click
toggleEditMode(employee: Employee) {
this.employeesService.employee = employee;
alert(this.employeesService.employee.firstName); //correct name
this.router.navigate('/editPage')
}
}
儿童
@Component({
providers: []
})
export class EditEmployeeComponent {
constructor(
private employeesService: EmployeesService
) {
console.info(employeesService.employee); //undefined
}
ngOnInit(): void {
console.info(this.employeesService.employee); //undefined
}
}
服务
@Injectable()
export class EmployeesService {
public employee: Employee;
}