Angular2- Verwenden einer Komponente aus einer anderen Anwendung

Question

Ich versuche, eine Komponente aus einer anderen App in meiner App zu verwenden. Meine Projekte sind im selben Ordner, also dachte ich, es würde funktionieren, aber ich bekomme die Ausnahme "Modul nicht finden". Gibt es eine Möglichkeit, es zu tun? oder eine andere Möglichkeit, dies zu erreichen?

Was ich tat, so weit ist:

import { Component, OnInit } from '@angular/core'; 
import { OverviewPaginationComponent } from './../../../../overview/src/app/overview-pagination/overview-pagination.component.ts'; 

@Component({ 
    moduleId: module.id, 
    selector: 'combi', 
    template: ` 
<overview-pagination><overview-pagination> 

`, 
    styleUrls: ['combi.component.css'], 
    providers: [], 
    directives: [OverviewPaginationComponent] 
}) 
export class CombiComponent implements OnInit { 

    constructor() {} 

    ngOnInit() { 
    } 

} 

Und in systemConfig definiert:

const barrels: string[] = [ 
    // Angular specific barrels. 
    '@angular/core', 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/forms', 
    '@angular/http', 
    '@angular/router', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 
    '@angular/router-deprecated', 

    // Thirdparty barrels. 
    'rxjs', 

    // App specific barrels. 
    'app', 
    'app/shared', 
    'app/combi', 
    '../../overview/src/app/overview-pagination', 
    /** @cli-barrel */ 
]; 

Answer 1

Sie die Komponente hinzufügen, sollten Sie auf das übergeordnete Modul dieses ‚Feature‘ zu verwenden versuchen, wo Du wirst die Komponente benutzen. Angenommen, dieses Modul ist das übergeordnete Modul, in dem Sie die OverviewPaginationComponent verwenden möchten:

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 

import { AppRoutingModule } from './app-routing.module'; 
import { AppComponent } from './app.component'; 
import { OverviewPaginationComponent } from 'path'; 


@NgModule({ 
    declarations: [ 
    AppComponent, 
    OverviewPaginationComponent 
    ], 
    imports: [ 
    BrowserModule, 
    AppRoutingModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }