angular - angular2 通用之禅 - 何时使用 app.browser.module.ts 或 app.node.module.ts

Question

在 angular2 通用中......文档是 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 {

}

Answer 1

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

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