2017-12-30 42 views

答えて

0

次の2つの別々のステッパーを作成し、私はそれを繰り返すことはできませんので、多くのHTMLコードを持っているそれら

<mat-vertical-stepper *ngIf="verticalFlag"> 
    <mat-step> 
    </mat-step> 
</mat-vertical-stepper> 

<mat-horizontal-stepper *ngIf="!verticalFlag"> 
    <mat-step> 
    </mat-step> 
</mat-horizontal-stepper> 
+0

しかし、ステッパの手順を切り替えること* ngIfを使用する場合があります。 – user6590880

+0

指示文をプログラムで変更することはできないと思いますが、これが唯一の選択肢ですが、読みやすくするために新しいコンポーネント、つまりstepper.componentを作成し、残りのステッパーのコードを分けてくださいコードの –

+0

面白いですが、素材sidenavにはモードがあります。オーバー、サイドなど。そして、これはブレークポイントに基づいて切り替えるものです。しかし、私はステッパーでそれをすることはできません。私はできると機能要求を提出することは可能ですが、それまではモードを持つ自分のコンポーネントを作成するというアイデアが好きです。私はhorizとvert stepperを自分で切り替え、コンテンツの投影と入力を使用してデータを取得します。 –