角度：ウィザードの異なるステップからデータを取得する

Question

3ステップのウィザードがあるとします。

Step1とStep2からデータを入力してStep3に表示する方法があるかどうかを知りたいと思います。

各ステップは異なるコンポーネントです。私はStep3が2つの入力を得なければならないことを知っています。私の質問は、Step1とStep2のStep3コンポーネントにデータを送信する方法です。

ご了承ください。

ありがとうございます！

Answer 1

共有サービスを使用すると、これを簡単に実行できます。

上記サービスのプロバイダを正しく設定することを忘れないでください。

wizard.service.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*/ } 

} 

step1.component.ts

import { Component } from '@angular/core'; 
import { WizardService} from './wizard.service.ts'; 

@Component({ 
    ... 
}) 

export class Step1Component 

    constructor(private wizardService: WizarService) { } 

    onClick(){ 
    this.wizarService.setStep1(); 
    } 
}