TypeScript angular2-universal.bootstrap函数代码示例

export function bootstrap(appComponentType: any, appProviders: Array<Type | Provider | any | any[]> = []): Promise<ComponentRef> {
  let combinedProviders = [
    IOT_PROVIDERS,
    ...appProviders
  ];
  return bootstrapUniversal(appComponentType, combinedProviders);
}

setTimeout(function () {
    bootstrap(AppComponent, [HTTP_PROVIDERS]).then(function () { 
        let environment = document.getElementById('environment'); 
        environment.innerText = 'Client';
        environment.setAttribute('class', 'environment environment-client');
    }); 
}, 5000);

function main() {
  return bootstrap(App, [
    ...BROWSER_ROUTER_PROVIDERS,
    ...BROWSER_HTTP_PROVIDERS
  ])
  .then(setClientRenderedEl);
}

export function ngApp() {

  return bootstrap(App, [
    ...BROWSER_ROUTER_PROVIDERS,
    ...BROWSER_HTTP_PROVIDERS,

    ...BROWSER_STORE_PROVIDERS
  ]);
}

export function main(): Promise<any> {
  return bootstrap(App, [
    ...PROVIDERS,
    ...ENV_PROVIDERS,
    ...DIRECTIVES,
    ...PIPES,
    ...APP_PROVIDERS
  ])
   .catch(err => console.error(err));
}

setTimeout(function () {
    bootstrap(AppComponent, [...HTTP_PROVIDERS, provideRouter(routes)]).then(function () { 
        let environment = document.getElementById('environment'); 
        environment.innerText = 'Client';
        environment.setAttribute('class', 'environment environment-client');
    })
    // .then(() => {
    //     setTimeout(function() {
    //         prebootComplete
    //     }, 400);
    // })
    ;
}, 5000);

* See: https://angular.io/docs/ts/latest/api/platform/browser/bootstrap-function.html
*
* This also initializes all our application's data providers (e.g. services, etc)
* by passing them to the main component. For more on providers/injection, see this blog post:
* http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html
**/
bootstrap(AppComponent, [
    ...BROWSER_ROUTER_PROVIDERS,
    ...BROWSER_HTTP_PROVIDERS,
    provide(TranslateLoader, {
        useFactory: (http: Http) => new TranslateStaticLoader(http, 'i18n', '.json'),
        deps: [ Http ]
    }),
    AuthorizationService,
    BreadcrumbService,
    ContextProviderService,
    DSpaceConstants,
    DSpaceDirectory,
    DSpaceService,
    FormService,
    GoogleScholarMetadataService,
    HttpService,
    MetadataHelper,
    MetaTagService,
    NotificationService,
    PaginationService,
    PagingStoreService,
    StorageService,
    TranslateService
]).then(prebootComplete);

import {bootstrap} from "angular2-universal";
import {ROUTER_PROVIDERS} from "angular2/router"; 
import {MATERIAL_NODE_PROVIDERS} from "ng2-material/all";
import {HTTP_PROVIDERS} from "angular2/http";
import {ComponentsService} from "../../services/components";
import {NavigationService} from "../../services/navigation";
import {VersionService} from "../../services/version";
import {DemosApp} from "../../app";

bootstrap(DemosApp, [
  HTTP_PROVIDERS, ROUTER_PROVIDERS, MATERIAL_NODE_PROVIDERS,
  ComponentsService, NavigationService, VersionService
]);

import 'angular2-universal/polyfills';

import {bootstrap, enableProdMode, BROWSER_ROUTER_PROVIDERS, BROWSER_HTTP_PROVIDERS} from 'angular2-universal';

import {App} from './app/app.component';

import {BROWSER_FALCOR_PROVIDERS} from './app/angular2-falcor/browser';

enableProdMode();



bootstrap(App, [
  ...BROWSER_ROUTER_PROVIDERS,
  ...BROWSER_HTTP_PROVIDERS,
  ...BROWSER_FALCOR_PROVIDERS
]);

import 'angular2-universal/polyfills';

import {bootstrap, BROWSER_ROUTER_PROVIDERS, BROWSER_HTTP_PROVIDERS} from 'angular2-universal';
import {AppComponent} from './appcomponent'

bootstrap(AppComponent, [
	...BROWSER_ROUTER_PROVIDERS,
	...BROWSER_HTTP_PROVIDERS
]);