Почему у моего angular степпера нет стиля? - PullRequest
0 голосов
/ 18 февраля 2020

Недавно я начал работать с 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>

Вот как это должно выглядеть

Вот так это выглядит

1 Ответ

0 голосов
/ 19 февраля 2020

Вы выбрали тему, когда установили angular материал? Пожалуйста, посмотрите здесь

...