在决策使用Angular和Angular Universal的边界时,可以考虑以下因素:
// app.server.module.ts
import { NgModule } from '@angular/core';
import { ServerModule } from '@angular/platform-server';
import { AppModule } from './app.module';
import { AppComponent } from './app.component';
@NgModule({
imports: [
ServerModule,
AppModule
],
bootstrap: [AppComponent]
})
export class AppServerModule { }
// main.server.ts
import { enableProdMode } from '@angular/core';
import { platformServer } from '@angular/platform-server';
import { AppServerModule } from './app/app.server.module';
enableProdMode();
const platform = platformServer();
platform.bootstrapModule(AppServerModule)
.then(result => {
console.log('Server-side rendering completed.');
});
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
// main.ts
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
enableProdMode();
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule)
.then(result => {
console.log('Application started.');
});
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
// main.ts
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
enableProdMode();
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule)
.then(result => {
console.log('Application started.');
});
根据你的特定需求和应用程序的要求,你可以根据上述示例代码选择使用Angular还是Angular Universal。