Здравствуйте. Ставлю 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>