akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.13k stars 7.94k forks source link

how do i set nb-stepper in step 2 #5711

Open mariem11 opened 4 years ago

mariem11 commented 4 years ago

`

First step

Step content #1

Lorizzle ipsum dolizzle stuff fizzle, consectetuer adipiscing break it down. Nullizzle sapien velizzle, my shizz pimpin', shizzle my nizzle crocodizzle shut the shizzle up, gravida vizzle, dang.

Second step

Step content #2

Lorizzle ipsum dolizzle stuff fizzle, consectetuer adipiscing break it down. Nullizzle sapien velizzle, my shizz pimpin', shizzle my nizzle crocodizzle shut the shizzle up, gravida vizzle, dang.

Step content #3

Lorizzle ipsum dolizzle stuff fizzle, consectetuer adipiscing break it down. Nullizzle sapien velizzle, my shizz pimpin', shizzle my nizzle crocodizzle shut the shizzle up, gravida vizzle, dang.

Fourth step

Step content #4

Lorizzle ipsum dolizzle stuff fizzle, consectetuer adipiscing break it down. Nullizzle sapien velizzle, my shizz pimpin', shizzle my nizzle crocodizzle shut the shizzle up, gravida vizzle, dang.

` how do set nebular stepper in step 2 dynamically.

mariem11 commented 4 years ago

to set the step as 2 : <nb-stepper orientation="vertical" selectedIndex="1"> but this statically. is there a way to do it dynamically

mariem11 commented 4 years ago

i found a solutions to set the selected index in the html: <nb-stepper #stepper orientation="vertical" [(selectedIndex)]="selectedActivityIndex" > ts: private _selectedActivityIndex: number; @Input() get selectedActivityIndex() { return this._selectedActivityIndex; } set selectedActivityIndex(val) { this._selectedActivityIndex = val; } and then you can change the selected id this._selectedActivityIndex=1;