Я импортировал BrowserModule в AppModule и CommonModule в дочерний модуль (HomeModule). Также я использую * ngFor "" в шаблоне компонента моего дочернего модуля. Но он показывает ошибку, которая не может привязаться к 'ngForOf', поскольку это не известное свойство 'div'.
Родительский модуль (AppModule)
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { HomeModule } from './modules/home/home.module';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent
],
imports: [
BrowserModule,
AppRoutingModule,
HomeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Детский модуль (HomeModule)
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { HomeRoutingModule } from './home-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { CarouselModule } from 'ngx-bootstrap/carousel';
import { HomeComponent } from './home.component';
import { InspirationComponent } from './inspiration/inspiration.component';
import { AboutUsComponent } from './about-us/about-us.component';
import { BrsmComponent } from './inspiration/brsm/brsm.component';
import { PrabhupadaComponent } from './inspiration/prabhupada/prabhupada.component';
@NgModule({
declarations: [
HomeComponent,
InspirationComponent,
PrabhupadaComponent,
BrsmComponent,
AboutUsComponent
],
imports: [
CommonModule,
HomeRoutingModule,
HttpClientModule,
CarouselModule.forRoot()
]
})
export class HomeModule { }