Tengo un archivo material.ts como el siguiente:
export { MatFormFieldModule } from '@angular/material/form-field'; export { MatPasswordStrengthModule } from '@angular-material-extensions/password-strength'; export {MatInputModule} from '@angular/material/input' export {MatSlideToggleModule} from '@angular/material/slide-toggle' export { MatIconModule } from '@angular/material/icon';En un archivo de módulo, quiero importar todos los módulos de material anteriores como el siguiente:
import { NgModule } from '@angular/core'; import { SignUpComponent } from './components/sign-up/sign-up.component'; import { signUpRoutingModule } from './sign-up-routing.module'; import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import {MatFormFieldModule,MatPasswordStrengthModule,MatInputModule,MatSlideToggleModule,MatIconModule} from '@shared/modules/material' const modules = [ signUpRoutingModule, MatFormFieldModule, MatPasswordStrengthModule, CommonModule, FormsModule, ReactiveFormsModule, MatInputModule, MatSlideToggleModule, MatIconModule, ]; const components = [SignUpComponent]; @NgModule({ imports: [...modules], declarations: [...components], }) export class signUpModule {}Pero cuando uso cualquier componente de los módulos de material anteriores, suponga que mat-form-field en MatFormFieldModule, me muestra que es
'mat-form-field' is not a known element: 1. If 'mat-form-field' is an Angular component, then verify that it is part of this module. 2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.ngtsc(-998001)Por favor ayúdenme. Muchas gracias.
Cree un archivo con name.ts e importe y exporte todos los mat_modules como este. luego simplemente importe este archivo en el que agrega todos los módulos de tapete.
//Componentes de material angular
import { MatCheckboxModule } from '@angular/material/checkbox'; import { MatNativeDateModule } from '@angular/material/core' import { MatButtonModule } from '@angular/material/button'; import { MatInputModule } from '@angular/material/input'; import { MatAutocompleteModule } from '@angular/material/autocomplete'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatRadioModule } from '@angular/material/radio'; import { MatSelectModule } from '@angular/material/select'; import { MatSliderModule } from '@angular/material/slider'; import { MatSlideToggleModule } from '@angular/material/slide-toggle'; import { MatMenuModule } from '@angular/material/menu'; import { MatSidenavModule } from '@angular/material/sidenav'; import { MatToolbarModule } from '@angular/material/toolbar'; import { MatListModule } from '@angular/material/list'; import { MatGridListModule } from '@angular/material/grid-list'; import { MatCardModule } from '@angular/material/card'; import { MatStepperModule } from '@angular/material/stepper'; import { MatTabsModule } from '@angular/material/tabs'; import { MatExpansionModule } from '@angular/material/expansion'; import { MatButtonToggleModule } from '@angular/material/button-toggle'; import { MatChipsModule } from '@angular/material/chips'; import { MatIconModule } from '@angular/material/icon'; import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; import { MatProgressBarModule } from '@angular/material/progress-bar'; import { MatDialogModule } from '@angular/material/dialog'; import { MatTooltipModule } from '@angular/material/tooltip'; import { MatSnackBarModule } from '@angular/material/snack-bar'; import { MatTableModule } from '@angular/material/table'; import { MatSortModule } from '@angular/material/sort'; import { MatPaginatorModule } from '@angular/material/paginator'; import { NgModule } from '@angular/core'; import { CdkTableModule } from '@angular/cdk/table'; @NgModule({ exports: [ MatCheckboxModule, MatCheckboxModule, MatButtonModule, MatInputModule, MatAutocompleteModule, MatDatepickerModule, MatFormFieldModule, MatRadioModule, MatSelectModule, MatSliderModule, MatSlideToggleModule, MatMenuModule, MatSidenavModule, MatToolbarModule, MatListModule, MatGridListModule, MatCardModule, MatStepperModule, MatTabsModule, MatExpansionModule, MatButtonToggleModule, MatChipsModule, MatIconModule, MatProgressSpinnerModule, MatProgressBarModule, MatDialogModule, MatTooltipModule, MatSnackBarModule, MatTableModule, MatSortModule, MatPaginatorModule, CdkTableModule, MatNativeDateModule ], }) export class MaterialModule { }