LINUX.ORG.RU

Angular Material Не грузит материалы некоторые? как подключить?

 , ,


0

1

Здравствуйте. Ставлю Angular стандартным способом:

ng new my-app --style=scss
cd my-app
npm i
npm i --save @angular/material @angular/cdk
npm i --save @angular/animations

style.scss

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';


app.module.ts
...
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {
  MatAutocompleteModule,
  MatButtonModule,
  MatButtonToggleModule,
  MatCardModule,
  MatCheckboxModule,
  MatChipsModule,
  MatDatepickerModule,
  MatDialogModule,
  MatDividerModule,
  MatExpansionModule,
  MatGridListModule,
  MatIconModule,
  MatInputModule,
  MatListModule,
  MatMenuModule,
  MatNativeDateModule,
  MatPaginatorModule,
  MatProgressBarModule,
  MatProgressSpinnerModule,
  MatRadioModule,
  MatRippleModule,
  MatSelectModule,
  MatSidenavModule,
  MatSliderModule,
  MatSlideToggleModule,
  MatSnackBarModule,
  MatSortModule,
  MatStepperModule,
  MatTableModule,
  MatTabsModule,
  MatToolbarModule,
  MatTooltipModule
} from '@angular/material';


...

@NgModule({
  declarations: [
    AppComponent
  ],
  exports: [],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    RouterModule,
    AppRouterModule,
    DashboardModule,
    MatAutocompleteModule,
  MatButtonModule,
  MatButtonToggleModule,
  MatCardModule,
  MatCheckboxModule,
  MatChipsModule,
  MatDatepickerModule,
  MatDialogModule,
  MatDividerModule,
  MatExpansionModule,
  MatGridListModule,
  MatIconModule,
  MatInputModule,
  MatListModule,
  MatMenuModule,
  MatNativeDateModule,
  MatPaginatorModule,
  MatProgressBarModule,
  MatProgressSpinnerModule,
  MatRadioModule,
  MatRippleModule,
  MatSelectModule,
  MatSidenavModule,
  MatSliderModule,
  MatSlideToggleModule,
  MatSnackBarModule,
  MatSortModule,
  MatStepperModule,
  MatTableModule,
  MatTabsModule,
  MatToolbarModule,
  MatTooltipModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Так хрень, допустим работает <mat-toolbar></<mat-toolbar>, <mat-nav-list></mat-nav-list>, а вот допустим табы не пашут:

<mat-tab-group> <!-- на это он не ругается --->
  <mat-tab label="One"> <!-- ЭТО ОН НЕ ВИДИТ!!!! ТИПО НЕТ КОМПОНЕНТА????!!! MatToolbarModule - подключен ведь
    <h1>Some tab content</h1>
    <p>...</p>
  </mat-tab>
  <mat-tab label="Two">
    <h1>Some more tab content</h1>
    <p>...</p>
  </mat-tab>
</mat-tab-group>

Ответ на: комментарий от hippi90

Заработало так, в компоненте именно еще раз подключил MatTabsModule. А кнопка работает только так : <button mat-button></button> если написать так: <mat-button></mat-button> - то ошибка

dirsex ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.