Angular 2中的導入模塊只能使用一次

Question

角度2還在繼續學習。 據我已閱讀有關在Angular 2中使用模塊，並在應用程序中導入它們是他們與他們的孩子共享。在下面的代碼中，我試圖共享ReactiveFormsModule應用程序，但編譯時應用程序崩潰。 我確實使用forRoot方法完成了我的自定義模塊，但我無法理解如何使用內置的ngModules來完成此操作。

app.module.ts

import { NgModule } from '@angular/core'; 
import { HttpModule } from '@angular/http'; 
import { ReactiveFormsModule } from '@angular/forms'; 
import { AppRoutingModule } from "./app-routing.module" 
import { AppComponent } from './app.component'; 

import { HomeModule } from "./home/home.module"; 
import { AuthenticationModule } from "./authentication/authentication.module"; 
import { APIServiceModule } from './services/api-service.module'; 


@NgModule({ 
    imports: [HttpModule, 
    ReactiveFormsModule, 
    AppRoutingModule, 
    AuthenticationModule, 
    HomeModule, 
    APIServiceModule.forRoot() 
    ], 
    declarations: [ 
    AppComponent 
    ], 
    bootstrap: [AppComponent], 
}) 
export class AppModule { } 

authentication.module.ts

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

import { AuthenticationComponent } from "./authentication.component"; 
import { AuthenticationRoutingModule } from "./authentication-routing.module" 
@NgModule({ 
    imports: [AuthenticationRoutingModule, BrowserModule], 
    declarations: [AuthenticationComponent] 
}) 
export class AuthenticationModule { } 

AuthenticationModule導入在AppModule欲活性形式模塊跨模塊共享。但編譯時失敗。

Answer 1

而不是你的主模塊中導入ReactiveFormsModule的，你可以在像通用模塊導入：

@NgModule({ 
    imports: [ReactiveFormsModule], 
exports:[ReactiveFormsModule] 
}) 
export class AppCommonsModule{} 

您也可以到這裏所有子模塊提供通用的應用級服務，但要小心，如果你想爲您的應用程序提供單件服務。切勿在通用模塊中提供任何單件服務。 您只需要在所有子模塊中導入一個模塊。 See more