constructor

• new IgxStepComponent(): IgxStepComponent

  返却 IgxStepComponent

activeChange

<igx-step [(active)]="this.isActive">
</igx-step>
Copy

const step: IgxStepComponent = this.stepper.step[0];
step.activeChange.subscribe((e: boolean) => console.log("Step active state change to ", e))
Copy

cdr

completed

<igx-stepper>
...
    <igx-step [completed]="true"></igx-step>
...
</igx-stepper>
Copy

this.stepper.steps[1].completed = true;
Copy

id

<igx-step id="my-first-step"></igx-step>
Copy

const stepId = this.step.id;
Copy

optional

<igx-step [optional]="true"></igx-step>
Copy

this.stepper.steps[1].optional = true;
Copy

renderer

stepper

active

• get active(): boolean

  返却 boolean

• set active(value: boolean): void

  ステップのアクティブ状態を取得または設定します。

  <igx-step [active]="true"></igx-step>
  Copy

  this.stepper.steps[1].active = true;
  Copy

  パラメーター

  • value: boolean

  返却 void

disabled

• get disabled(): boolean

  返却 boolean

• set disabled(value: boolean): void

  ステップが操作可能かどうかを取得または設定します。

  <igx-stepper>
  ...
      <igx-step [disabled]="true"></igx-step>
  ...
  </igx-stepper>
  Copy

  this.stepper.steps[1].disabled = true;
  Copy

  パラメーター

  • value: boolean

  返却 void

index

• get index(): number

  ステッパー内のステップ インデックスを取得します。

  const step = this.stepper.steps[1];
  const stepIndex: number = step.index;
  Copy

  返却 number

isValid

• get isValid(): boolean

  ステップが操作可能かどうかを取得または設定します。

  <igx-step [isValid]="form.form.valid">
       ...
       <div igxStepContent>
           <form #form="ngForm">
               ...
           </form>
       </div>
  </igx-step>
  Copy

  返却 boolean

• set isValid(value: boolean): void

  パラメーター

  • value: boolean

  返却 void

tabIndex

• get tabIndex(): number

  返却 number