Недавно я начал работать с Angular, и мне нужно было создать многошаговую форму, в первую очередь это была путаница, чтобы установить ее, но в конце она есть, но когда я использую ее на своем компоненте у него нет стиля вообще, я искал много сайтов и видео, но все делают то же самое, что и я. Любая идея, в чем проблема?
Это мой app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { DrawingsComponent } from './drawings/drawings.component';
import {HttpClientModule} from '@angular/common/http';
import {FormsModule} from '@angular/forms';
import { MatStepperModule } from '@angular/material/stepper';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { MatPseudoCheckboxModule } from '@angular/material/core';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
DrawingsComponent
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
FormsModule,
MatStepperModule,
MatIconModule,
MatButtonModule,
MatPseudoCheckboxModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Это мой пример:
<mat-horizontal-stepper>
<mat-step label="Step 1">
Content 1
</mat-step>
<mat-step label="Step 1">
Content 2
</mat-step>
</mat-horizontal-stepper>
Вот как это должно выглядеть
Вот так это выглядит