कोणीय सामग्री स्टेपर के लिए यह मेरा एचटीएमएल कोड है

<mat-horizontal-stepper class="stepper">
    <mat-step label="Basic" state="cloud_download">
      Step 1
      <button mat-button matStepperNext>Next</button>
    </mat-step>
    <mat-step label="Pixels" state="settings">
      <p>Step 2</p>
      <button mat-button matStepperPrevious>Previous</button>
      <button mat-button matStepperNext>Next</button>
    </mat-step>
    <mat-step label="Creative" state="settings">
      <p>Step 3</p>
      <button mat-button matStepperPrevious>Previous</button>
      <button mat-button matStepperNext>Next</button>
    </mat-step>
    <mat-step label="Targeting" state="settings">
      <p>Step 4</p>
      <button mat-button matStepperPrevious>Previous</button>
      <button mat-button matStepperNext>Next</button>
    </mat-step>
    <mat-step label="Review" state="settings">
      <p>Step 5</p>
      <button mat-button matStepperPrevious>Previous</button>
    </mat-step>
  </mat-horizontal-stepper>

और इस तरह मैंने इसे अपनी सामान्य आयात फ़ाइल में आयात किया।

import { CommonModule } from '@angular/common';

/*  Added */
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon';
import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatStepperModule} from '@angular/material/stepper';
import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
/* */


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    MatToolbarModule,
    MatIconModule,
    MatCheckboxModule,
    MatStepperModule
  ],
  exports:[
    CommonModule,
    MatToolbarModule,
    MatIconModule,
    MatCheckboxModule,
    MatStepperModule
  ],
  providers: [
    {
      provide: STEPPER_GLOBAL_OPTIONS,
      useValue: { displayDefaultIndicatorType: false }
    }]
})
export class CommonImportsModule { }

लेकिन स्टेपर वह नहीं दिखा रहा है जो उसे दिखाना चाहिए। यह सिर्फ इस तरह सीधी रेखा दिखा रहा है:- 1_______2________3।

मैं कोणीय 9 का उपयोग कर रहा हूं, क्या समस्या है मैंने कोणीय सामग्री भी स्थापित की है और कोणीय सामग्री से अन्य चीजें ठीक काम करती हैं।

0
Pravin Mishra 15 जून 2020, 10:18

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा लगता है कि आप सामग्री विषय के लिए सीएसएस आयात खो रहे हैं, देखें:

https://material.angular.io/guide/theming#using-a-pre-built-theme

1
TotallyNewb 15 जून 2020, 07:43