'mat-slide-toggle' не является известным элементом после импорта - PullRequest
Новая
       39

'mat-slide-toggle' не является известным элементом после импорта

1 голос
/ 10 марта 2020

Я пытаюсь использовать <mat-slide-toggle>Click me!</mat-slide-toggle> внутри компонента, который уже импортировал MatSlideToggleModule, но я все еще получаю сообщение о том, что это не известный элемент.

Angular версия: 8.0.1

HTML Страница (слайд-страница. html) 

<div class="grid-slide-toggle-material"> 
  <mat-slide-toggle>Click me!</mat-slide-toggle>
</div>

Модуль (слайд-страница .module.ts) 

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 
import { CommonModule } from '@angular/common';
import { MaterialModule } from 'projects/authenticator/src/shared/modules/material.module';
import { BasicModule } from 'src/app/shared/modules/basic/basic.module';
import { MatButtonToggleModule, MatButtonToggleGroup } from '@angular/material';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@NgModule({
  declarations: [],
  imports: [
    MaterialModule,
    ReactiveFormsModule,
    CommonModule,
    FormsModule,
    MatButtonToggleModule,
    MatSlideToggleModule 
  ]
})
export class SlidePageModule { }

Как возможно, что html не распознается даже после импорта в модуль элемента?

1 Ответ

0 голосов
/ 10 марта 2020

попробуйте добавить MatSlideToogleModule к отсутствующему экспорту в @ NgModule.

Добавление еще одной идеи. Где вы объявили компонент? Предположим, что ваш компонент вызывает slidePageComponent. 

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 
import { CommonModule } from '@angular/common';
import { MaterialModule } from 'projects/authenticator/src/shared/modules/material.module';
import { BasicModule } from 'src/app/shared/modules/basic/basic.module';
import { MatButtonToggleModule, MatButtonToggleGroup } from '@angular/material';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { SlidePageComponent } from './component/slide-page.component'

@NgModule({
  declarations: [
  SlidePageComponent
],
  imports: [
    MaterialModule,
    ReactiveFormsModule,
    CommonModule,
    FormsModule,
    MatButtonToggleModule,
    MatSlideToggleModule 
  ],
exports: [
    MatSlideToggleModule 
]
})
export class SlidePageModule { }
...