Как импортировать зависимости вложенного компонента angular 6

Question

Я пытаюсь создать два компонента: Configuracion и Equipo configuracion.component.ts

import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { BrowserModule  } from '@angular/platform-browser';
    import { FormsModule }   from '@angular/forms';
    import { ConfiguracionComponent }   from './configuracion.component';
    import { routing } from './configuracion.routing';  
    import { HttpModule } from "@angular/http";
    import { ProgressHttpModule } from "angular-progress-http";  
    import { EquipoComponent } from './equipo/equipo.component';
    import { EquipoModule } from './equipo/equipo.module';
    //import { SortablejsModule } from 'angular-sortablejs';
    // import { ImageCropperModule } from '../image-cropper/image-cropper.module';
        @NgModule({
    imports: [routing,CommonModule,EquipoModule,  FormsModule
      ],
    declarations: [ConfiguracionComponent, EquipoComponent]
    })
    export class ConfiguracionModule {}

equipo.component.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { EquipoComponent } from './equipo.component';


import { SortablejsModule } from 'angular-sortablejs';
import { ImageCropperModule } from '../../image-cropper/image-cropper.module';

import { HttpModule } from "@angular/http";
import { ProgressHttpModule } from "angular-progress-http";

@NgModule({
imports: [
    CommonModule ,HttpModule,ProgressHttpModule
],
declarations: [

],
exports: [
    SortablejsModule,ImageCropperModule
]
})
export class EquipoModule {}

Этот код работает, но ... Почему мне пришлось экспортировать зависимости equipo (SortablejsModule, ImageCropperModule) и импортировать в configuracion.module?

Можете ли вы дать мне хороший учебник по этой угловой теме?

Спасибо за чтение: D

Answer 1

Проверьте это: Понимание угловых модулей (NgModule) и их областей применения