アクティブなステップが変更されたときに発生します。
ステッパーのアクティブなステップが変更しているときに発生します。
<igx-stepper (activeStepChanging)="handleActiveStepChanging($event)">
</igx-stepper>
public handleActiveStepChanging(event: IStepChangingEventArgs) {
if (event.newIndex < event.oldIndex) {
event.cancel = true;
}
}
コンテンツがステップの上に表示されるかどうかを取得または設定します。
ステップが操作可能かどうかを取得/設定します。
this.stepper.stepType = IgxStepType.Indicator;
ステップのタイトルの位置を取得または設定します。
アニメーション期間を取得または設定します。
<igx-stepper [animationDuration]="500">
<igx-stepper>
アニメーション期間を取得または設定します。
<igx-stepper [animationDuration]="500">
<igx-stepper>
方向が水平の場合のステッパーのアニメーション タイプを取得/設定します。
方向が水平の場合のステッパーのアニメーション タイプを取得/設定します。
ステッパーがリニアかどうかを取得/設定します。
ステッパーがリニアかどうかを取得/設定します。
ステッパーの向きを取得/設定します。
this.stepper.orientation = IgxStepperOrientation.Vertical;
ステッパーの向きを取得/設定します。
this.stepper.orientation = IgxStepperOrientation.Vertical;
すべてのステップを実行します。
const steps: IgxStepComponent[] = this.stepper.steps;
方向が垂直の場合のステッパーのアニメーション タイプを取得/設定します。
方向が垂直の場合のステッパーのアニメーション タイプを取得/設定します。
指定したインデックスにあるステップをアクティブ化します。
this.stepper.navigateTo(1);
次の有効なステップをアクティブ化します。
this.stepper.next();
前の有効なステップをアクティブ化します。
this.stepper.prev();
ステッパーを初期状態にリセットします。つまり、最初のステップをアクティブ化します。
IgxStepper は、コンテンツを論理ステップに分割することにより、ウィザードのようなワークフローを提供します。
IgxStepperModule
stepper
Layouts
Ignite UI for Angular Stepper コンポーネントを使用すると、複数のステップ間を移動できます。 水平方向と垂直方向、およびキーボード ナビゲーションをサポートし、アクティブなステップを制御する API メソッドを提供します。 このコンポーネントは、アクティブなステップを制御するキーボード ナビゲーションと API を提供します。