Topic: Angular stepper not working
Ahmed Khan asked 5 years ago
Expected behavior
Hi i am i started working with material for bootstrap and wanted to test it out first so i created a stackblitz and tried to use the Angular stepper. but unfortuntely it doesnt work and keeps giving stepperform error even after all dependencies installed.
Actual behavior
Work without dependencies error.
Resources (screenshots, code snippets etc.)
https://stackblitz.com/edit/angular-mdb-stepper-example
Arkadiusz Idzikowski staff answered 5 years ago
You included MDB Angular Free (angular-bootstrap-md) in the dependency list. This component is available only in the MDB Angular Pro version (ng-uikit-pro-standard).
react123 premium answered 4 years ago
I am using MDB Angular Pro version facing issue in Stepper
I have faced below error
error NG8002: 0mCan't bind to 'vertical' since it isn't a known property of 'mdb-stepper'. If 'mdb-stepper' is an Angular component and it has 'vertical' input, then verify that it is part of this module. If 'mdb-stepper' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.
Code :
import { MDBSpinningPreloader, MDBBootstrapModulesPro, ToastModule } from 'ng-uikit-pro-standard';
imports:
[ BrowserModule, BrowserAnimationsModule, AppRoutingModule, FormsModule, ReactiveFormsModule, HttpClientModule, ColorPickerModule, ToastModule.forRoot(), MDBBootstrapModulesPro.forRoot(), ],
providers: [ MDBSpinningPreloader, { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true }, { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true } ],
schemas: [ NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA ],
bootstrap: [AppComponent] }) export class AppModule { }
Arkadiusz Idzikowski staff commented 4 years ago
I already answered here: https://mdbootstrap.com/support/angular/angular-stepper-not-working/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.6
- Device: Stackblitz
- Browser: Chrome
- OS: windows
- Provided sample code: No
- Provided link: Yes