首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >zen of angular2 universal - when to app.browser.module.ts or app.node.module.ts

zen of angular2 universal - when to app.browser.module.ts or app.node.module.ts
EN

Stack Overflow用户
提问于 2016-10-17 13:26:16
回答 1查看 338关注 0票数 0

在angular2中,universal....the文档有2个文件

代码语言:javascript
复制
app.browser.module.ts
app.node.module.ts

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

两者在新的回购上看起来都是一样的。我假设一个是服务器端(节点),另一个是客户端(浏览器)?

因此,当我添加路由、导入等时,我会同时添加这两个,因为我不确定要做什么。如果我必须添加这两个文件,那么为什么两个文件看起来是一样的?

什么时候我应该添加到一个或另一个分歧的地方?什么时候可以同时添加到节点和浏览器应用?

谢谢

app.browser.module.ts

代码语言:javascript
复制
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

代码语言:javascript
复制
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 {

}
EN

回答 1

Stack Overflow用户

发布于 2017-03-02 02:10:50

来自文档:https://github.com/angular/universal/blob/master/DOCUMENTATION.md

请注意,在入门存储库中,app.node.module.ts和app.browser.module.ts是完全相同的,但在您的应用程序中,它们几乎肯定是不同的,因为您在imports部分中为每个特定平台指定了仅限节点或仅限浏览器的提供者。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40079027

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档