Angular：从向导的不同步骤获取数据

Question

想象一下，我们有一个3步骤的向导。

我想知道是否有任何解决方案可以从Step1和Step2中填充数据，将它们显示为Step3。

每一步都是不同的组成部分。我知道Step3必须获得两个输入。我的问题是，如何将数据发送到Step1和Step2上的Step3组件？

任何建议将不胜感激！

谢谢！

Answer 1

使用共享服务，您可以轻松实现此目的。

不要忘记正确设置所述服务的提供者。

wizard.service.ts

results = [{'id': 'a', 'population': '20', 'area': '10', 'pop_density': 2},
           {'id': 'a', 'population': '30', 'area': '5', 'pop_density': 6}]

step1.component.ts

import { Injectable } from '@angular/core';

@Injectable()
export class WizardService{

  constructor() { }

  public void setStep1(){ /*do something*/ }
  public void setStep2(){ /*do something*/ }
  public void setStep3(){ /*do something*/ }

}