Angular 2 Użyj komponentu z innego modułu

Musisz export to z twojego NgModule:

@NgModule({
  declarations: [TaskCardComponent],
  exports: [TaskCardComponent],
  imports: [MdCardModule],
  providers: []
})
export class TaskModule{}

Zauważ, że aby utworzyć tak zwany "moduł funkcji", musisz zaimportować CommonModule do niego. Tak więc Twój kod inicjalizacji modułu będzie wyglądał następująco:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { TaskCardComponent } from './task-card/task-card.component';
import { MdCardModule } from '@angular2-material/card';

@NgModule({
  imports: [
    CommonModule,
    MdCardModule 
  ],
  declarations: [
    TaskCardComponent
  ],
  exports: [
    TaskCardComponent
  ]
})
export class TaskModule { }

Więcej informacji można znaleźć tutaj: https://angular.io/guide/ngmodule#create-the-feature-module

Cokolwiek chcesz użyć z innego modułu, po prostu umieść go w export array. Like this -

 @NgModule({
  declarations: [TaskCardComponent],
  exports: [TaskCardComponent],
  imports: [MdCardModule]
})

ROZWIĄZANO SPOSÓB UŻYCIA KOMPONENTU ZADEKLAROWANEGO W MODULE W INNYM MODULE.

Na podstawie wyjaśnienia Royi Namir (Dziękuję bardzo). Brakuje części do ponownego użycia komponentu zadeklarowanego w Module w dowolnym innym module podczas leniwego ładowania.

1st: Eksportuj komponent w module, który go zawiera:

@NgModule({
  declarations: [TaskCardComponent],
  imports: [MdCardModule],
  exports: [TaskCardComponent] <== this line
})
export class TaskModule{}

2nd: w module, w którym chcesz użyć TaskCardComponent:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MdCardModule } from '@angular2-material/card';

@NgModule({
  imports: [
   CommonModule,
   MdCardModule
   ],
  providers: [],
  exports:[ MdCardModule ] <== this line
})
export class TaskModule{}

W ten sposób drugi moduł importuje pierwszy moduł, który importuje i eksportuje komponent.

Kiedy importujemy moduł do drugiego modułu musimy go wyeksportować ponownie. Teraz możemy użyć pierwszego komponentu w drugim module.

Jednym wielkim i wielkim podejściem jest załadowanie modułu z NgModuleFactory , możesz załadować moduł wewnątrz innego modułu, wywołując to:

constructor(private loader: NgModuleFactoryLoader, private injector: Injector) {}

loadModule(path: string) {
    this.loader.load(path).then((moduleFactory: NgModuleFactory<any>) => {
        const entryComponent = (<any>moduleFactory.moduleType).entry;
        const moduleRef = moduleFactory.create(this.injector);
        const compFactory = moduleRef.componentFactoryResolver.resolveComponentFactory(entryComponent);
        this.lazyOutlet.createComponent(compFactory);
    });
}

Mam to z tutaj .