我正在使用星状ngx-admin模板。我在星状步进器中遇到一些问题。我在一个组件中使用了四个步骤。
我在组件文件中使用了Nebular API的方法：
@ViewChild("stepper") stepper: NbStepperComponent;
this.stepper.next();
this.stepper.previous();
this.stepper.reset();
该next()是导航到下一个步骤。
该previous()是导航到前面的步骤。
的reset()是定位到第一步骤和重置所有表单数据。
如何从第四步导航到第二步？
用这种方式
在HTML文件中
<nb-stepper #stepper [(selectedIndex)]="stepperIndex">
<nb-step [stepControl]="serviceForm" label="Select Package">
<button nbButton
(click)="backToSelectPackage()">ADD</button>
</nb-step>
</nb-stepper>
在Component.ts文件中
stepperIndex: number = 0; // here 0 is initial index
backToSelectPackage() {
this.stepperIndex = 0; // here 0 is navigate index
}
注意：
如果使用[[selectedIndex）]，则不能使用next（），Previous（）和nbStepperNext，nbStepperPrevious。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句