ステップの active
プロパティが変更されたときに発生します。双方向バインディングに使用できます。
<igx-step [(active)]="this.isActive">
</igx-step>
const step: IgxStepComponent = this.stepper.step[0];
step.activeChange.subscribe((e: boolean) => console.log("Step active state change to ", e))
ステップが完了したかどうかを取得または設定します。
ステップ コンポーネントの id
を取得または設定します。
デフォルト値は "igx-step-0"
です。
<igx-step id="my-first-step"></igx-step>
const stepId = this.step.id;
ステップがオプションかどうかを取得または設定します。
ステップのアクティブ状態を取得または設定します。
<igx-step [active]="true"></igx-step>
this.stepper.steps[1].active = true;
ステップが操作可能かどうかを取得または設定します。
<igx-stepper>
...
<igx-step [disabled]="true"></igx-step>
...
</igx-stepper>
this.stepper.steps[1].disabled = true;
ステッパー内のステップ インデックスを取得します。
const step = this.stepper.steps[1];
const stepIndex: number = step.index;
ステップが操作可能かどうかを取得または設定します。
<igx-step [isValid]="form.form.valid">
...
<div igxStepContent>
<form #form="ngForm">
...
</form>
</div>
</igx-step>
The IgxStepComponent は
igx-stepper
要素内で使用され、各ステップのコンテンツを保持します。 カスタム インジケーター、タイトル、およびサブタイトルもサポートします。Igx Module
IgxStepperModule
Igx Keywords
step
例