リニアマット - 水平ステッパーで別々のコンポーネントを使用する

Question

角度では、個々のステップが別々のコンポーネントであるリニアステッパーを使用できますか？たとえば：

TypeError: Cannot read property 'invalid' of undefined：私はこれをしようとすると

<mat-horizontal-stepper [linear]="isLinear"> 
    <mat-step [stepControl]="firstFormGroup" label="Some Form"> 
     <first-component></first-component> 
    </mat-step> 
    <mat-step [stepControl]="secondFormGroup" label="Another Form"> 
     <second-component></second-component> 
    </mat-step> 
    <mat-step [stepControl]="thirdFormGroup" label="Review"> 
     <third-component></third-component> 
    </mat-step> 
</mat-horizontal-stepper> 

は、私がmatStepperNextボタンを押す時に、次のエラーメッセージが表示されます。

Answer 1

[OK]を、私はいくつかの問題を参照してくださいと思う：

<mat-horizontal-stepper [linear]="isLinear"> 
    <mat-step [stepControl]="foodFormGroup"> 
    <food-selection></food-selection> 
    </mat-step> 
    <mat-step [stepControl]="pieFormGroup"> 
    <pie-selection></pie-selection> 
    </mat-step> 
</mat-horizontal-stepper> 

foodFormGroupとpieFormGroupはあなたの厳しい-choice.component.tsファイル（どの、ところでスペルミスさで定義する必要があります

：あなたの例のコード）に

はここで、これはどのように見えるかのドキュメントからの例（）です

import {Component} from '@angular/core'; 
import {FormBuilder, FormGroup, Validators} from '@angular/forms'; 

/** 
* @title Stepper overview 
*/ 
@Component({ 
    selector: 'stepper-overview-example', 
    templateUrl: 'stepper-overview-example.html', 
    styleUrls: ['stepper-overview-example.css'] 
}) 
export class StepperOverviewExample { 
    isLinear = false; 
    firstFormGroup: FormGroup; 
    secondFormGroup: FormGroup; 

    constructor(private _formBuilder: FormBuilder) { } 

    ngOnInit() { 
    this.firstFormGroup = this._formBuilder.group({ 
     firstCtrl: ['', Validators.required] 
    }); 
    this.secondFormGroup = this._formBuilder.group({ 
     secondCtrl: ['', Validators.required] 
    }); 
    } 
} 

また、あなたの例ではmodule.tsファイルは表示されません。これは、コンポーネントファイルではなく、@ angle/materialモジュールをインポートする場所です。

私は、角度材料マテリアルをもう一度与えることをお勧めします。 https://material.angular.io/components/stepper/overview

Answer 2

この記事でAnwsered： angular - Angular Material 2 Stepper Controls

*申し訳ありませんが、これは別のポストをリンクする正しい方法ではない場合。