angular2 universal的禅 - 什么时候到app.browser.module.ts或app.node.module.ts

时间:2016-10-17 05:26:16

标签: angular angular-universal

在angular2 universal ....文档是2个文件

app.browser.module.ts
app.node.module.ts

https://github.com/angular/universal-starter

两个新鲜的回购看起来都一样。我假设一个用于服务器端(节点)而另一个用于客户端(浏览器)?

所以当我添加路由,导入等时我都会添加,因为我不确定要做什么。如果我必须添加两个,那么为什么2个文件看起来一样?

我什么时候会加入其中一个或哪个分歧?我何时添加到节点和浏览器应用程序?

由于

app.browser.module.ts

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { UniversalModule } from 'angular2-universal/browser'; // for AoT we need to manually split universal packages

import { App, Home } from './app/app';

@NgModule({
  bootstrap: [ App ],
  declarations: [ App, Home ],
  imports: [
    UniversalModule, // BrowserModule, HttpModule, and JsonpModule are included
    FormsModule,
    RouterModule.forRoot([
      { path: '', component: Home, pathMatch: 'full' }
    ])
  ]
})
export class MainModule {

}

app.node.module.ts

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { UniversalModule } from 'angular2-universal/node'; // for AoT we need to manually split universal packages

import { App, Home } from './app/app';

@NgModule({
  bootstrap: [ App ],
  declarations: [ App, Home ],
  imports: [
    UniversalModule, // NodeModule, NodeHttpModule, and NodeJsonpModule are included
    FormsModule,
    RouterModule.forRoot([
      { path: '', component: Home, pathMatch: 'full' }
    ])
  ]
})
export class MainModule {

}

1 个答案:

答案 0 :(得分:0)

从文档中: https://github.com/angular/universal/blob/master/DOCUMENTATION.md

请注意,在启动器repo app.node.module.ts和app.browser.module.ts完全相同,但在您的应用程序中,当您指定仅限节点或仅限浏览器的提供程序时,它们几乎肯定会有所不同在导入部分中适用于每个特定平台。