TypeScript @angular/platform-browser-dynamic platformBrowserDynamic示例

示例#1

文件： app.ts 项目： johedl/Angular2

  { path: 'contact',   component: ContactComponent },
  { path: 'protected', component: ProtectedComponent,
    canActivate: [LoggedInGuard]}
];

@NgModule({
  declarations: [
    RoutesDemoApp,
    HomeComponent,
    AboutComponent,
    ContactComponent,
    ProtectedComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule.forRoot(routes) // <-- routes
  ],
  bootstrap: [ RoutesDemoApp ],
  providers: [
    AUTH_PROVIDERS,
    LoggedInGuard,
    { provide: LocationStrategy, useClass: HashLocationStrategy },
  ]
})
class RoutesDemoAppModule {}

platformBrowserDynamic().bootstrapModule(RoutesDemoAppModule)
  .catch((err: any) => console.error(err));

示例#2

文件： main.ts 项目： uqutub/server-client-boilerplate

///<reference path="./../../../typings/index.d.ts"/>

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './module';

platformBrowserDynamic().bootstrapModule(AppModule).then((result) => {
    // console.log('result', result);
    console.log('Bootstrap loaded');
});

示例#3

文件： main.ts 项目： dppower/angular2-resizable-canvas

import { enableProdMode } from "@angular/core";
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule } from "./app.module";

//enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

示例#4

文件： main.ts 项目： guusdk/keycloak

 .then(() => {
   const platform = platformBrowserDynamic();
   platform.bootstrapModule(AppModule);
 })

示例#5

文件： main.ts 项目： emmanuj/akita

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import { enableAkitaProdMode } from '@datorama/akita';

if (environment.production) {
  enableProdMode();
  enableAkitaProdMode();
}

platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch(err => console.log(err));

示例#6

文件： main.ts 项目： vhromada/Catalog-Angular

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {CatalogModule} from './catalog.module';

platformBrowserDynamic().bootstrapModule(CatalogModule);

示例#7

文件： main.ts 项目： akmittal/angular2-datepicker

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import 'bootstrap/dist/css/bootstrap.css';
// App component
import { SampleDateAppModule } from "./sample-date-app/index";

platformBrowserDynamic().bootstrapModule(SampleDateAppModule);

示例#8

文件： index.ts 项目： mattmcfad/angular2-redux-starter

import 'reflect-metadata';
import 'babel-polyfill';
import 'core-js/es6';
import 'core-js/es7/reflect';
import '../shims/shims_for_IE';
import 'zone.js/dist/zone';
import 'ts-helpers';

// The browser platform with a compiler
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

// The app module
import {RioSampleAppModule} from './app/sample-app.module';
import {enableProdMode} from '@angular/core';

if (__PRODUCTION__) {
  enableProdMode();
} else {
  require('zone.js/dist/long-stack-trace-zone');
}

if (!__TEST__) {
  // Compile and launch the module
  platformBrowserDynamic().bootstrapModule(RioSampleAppModule);
}

示例#9

文件： main.ts 项目： ericel/goaf

document.body.addEventListener('bootstrap', () => {
  platformBrowserDynamic().bootstrapModule(AppModule);
});

示例#10

文件： index.ts 项目： AlmogShaul/angular

export function main() {
  platformBrowserDynamic().bootstrapModule(ExampleModule);
}