全球Ionic2/Angular2模块

Question

我使用Ionic2目前正在开发移动应用程序，我遇到了一个问题。基本上，我想实现的是划分我的应用程序中，我可以创建全局模块（或通用模块[可通过任何应用程式使用]）是为应用程序特定模块完全独立的方式。

我我的结构这样的代码：

src 
-> app 
-> assets 
-> configs 
-> globals [ this is where i put the global modules ] 
--> modules 
---> user 
----> user-controller.ts 
----> module.ts 
--> services 
... etc. 
--> module.ts (this bootstraps everything, included later on) 
-> pages 
.. etc. 

因此，基本上，在这种结构中，我可以只创建全局有用的模块，只是把它的任何地方。

但我面临着这样的错误：

inline template:164:9 caused by: No provider for UserController! 

我个人而言，如果处理得当模块的进口，我看不出有任何错误。 现在，我的问题是：

1. 对于ionic2/angular2应用程序，上述结构是可行/可行的吗？
2. 鉴于我在下面做了进口，在那里我能在哪里呢？

感谢您的答复。

相关的代码：

globals/providers/auth.ts

import { Injectable} from "@angular/core"; 
import { UserController } from '../modules/user/user-controller'; 


@Injectable() 
export class Auth { 
    constructor(private userCtrl:UserController) { 

    } 
} 

app/app.module.ts

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


/** 
* Globals 
*/ 
import { GlobalModule } from '../globals/module'; 

@NgModule({ 
    declarations: [ 
    ], 
    imports: [ 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    ], 
    providers: [ 
     GlobalModule, 
    ] 
}) 
export class AppModule { 
} 

globals/module.ts

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

import { UserModule } from './modules/user/module'; 

@NgModule({ 
    /* import sub modules */ 
    imports: [ 
     UserModule 
    ], 

    /* import components */ 
    declarations: [], 
    exports: [], 

    /* import services */ 
    providers: [ 
     Auth 
    ] 
}) 
export class GlobalModule { 
} 

globals/modules/user/module.ts

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

/* Import sub modules */ 

import { UserController } from './user-controller'; 

/* Import services */ 

@NgModule({ 
    /* import sub modules */ 
    imports: [ 
    ], 

    /* import components */ 
    declarations: [ 
    ], 

    exports: [ 
    ], 

    /* import services */ 
    providers: [ 
     UserController 
    ] 
}) 
export class UserModule { 
} 

globals/modules/user/user-controller.ts

import {Injectable} from "@angular/core"; 

@Injectable() 
export class UserController { 
    public users = []; 

    constructor() { 
    } 

    createUser(user){ 
    } 

    removeUser(user){ 
    } 
} 

Answer 1

@NgModule({ 
    declarations: [ 
    ], 
    imports: [ 
     GlobalModule    //<--- you need to import it here 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    ], 
    providers: [ 
     // GlobalModule,   //<<<--- not needed here 
    ] 
}) 
export class AppModule { 
}