TypeScript angular2-universal.Bootloader類代碼示例

本文整理匯總了TypeScript中angular2-universal.Bootloader類的典型用法代碼示例。如果您正苦於以下問題：TypeScript Bootloader類的具體用法？TypeScript Bootloader怎麽用？TypeScript Bootloader使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。

在下文中一共展示了Bootloader類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: generateHtml

export function generateHtml(opts: Options): Promise<string> {
    opts = Object.assign({
        originUrl: "http://localhost:8080",
        baseUrl: "/",
        reqUrl: "/",
        preboot: false,
    }, opts);

    let config: CliBootloaderConfig = {
        directives: [opts.component],
        platformProviders: [
            provide(ORIGIN_URL, { useValue: opts.originUrl }),
            provide(BASE_URL, { useValue: opts.baseUrl }),
        ],
        providers: [
            provide(REQUEST_URL, { useValue: opts.reqUrl }),
            ...NODE_ROUTER_PROVIDERS,
            ...NODE_HTTP_PROVIDERS,
        ],
        beautify: true,
        async: true,
    };

    enableProdMode();
    let doc = Bootloader.parseDocument(opts.templateHtml);
    config.document = doc;
    config.template = opts.templateHtml;
    config.preboot = opts.preboot;

    let bootloader = new Bootloader(config);
    return bootloader.serializeApplication();
}

開發者ID:gdi2290，項目名稱:ng-ssr-cli，代碼行數:32，代碼來源:index.ts

示例2: function

AppShellPlugin.prototype.build = function () {
  var sourceHtml = fse.readFileSync(path.resolve(this.inputPaths[0], this.indexPath), 'utf-8');
  var options = {
    document: Bootloader.parseDocument(sourceHtml),
    directives: [ IssueCliApp ],
    providers: [
      provide(APP_BASE_HREF, {useValue: '/'}),
      provide(REQUEST_URL, {useValue: '/'}),
      provide(IS_POST_LOGIN, {
        useValue: false
      }),
      ROUTER_PROVIDERS,
      NODE_LOCATION_PROVIDERS,
      provide(IS_PRERENDER, {
        useValue: true
      }),
      FIREBASE_PROVIDERS,
      NODE_HTTP_PROVIDERS,
      provide(LOCAL_STORAGE, {
        useValue: {
          getItem: () => null,
          setItem: () => null
        }
      }),
      defaultFirebase('https://issue-zero.firebaseio.com')
    ],
    preboot: false
  }

    var bootloader = Bootloader.create(options);
    return bootloader.serializeApplication().then(html =>  fse.outputFileSync(path.resolve(this.outputPath, this.indexPath), html, 'utf-8'));
}

開發者ID:QuinntyneBrown，項目名稱:issue-zero，代碼行數:32，代碼來源:broccoli-app-shell.ts

示例3: build

 build() {
   var sourceHtml = fs.readFileSync(path.resolve(this.inputPaths[0], this.indexPath), 'utf-8');
   var appShellOptions = require(path.resolve(this.inputPaths[0], this.appShellPath)).options;
   var options = Object.assign(appShellOptions, {
     document: Bootloader.parseDocument(sourceHtml),
   });
   var bootloader = Bootloader.create(options);
   return bootloader.serializeApplication()
     .then(html =>  fs.writeFileSync(path.resolve(this.outputPath, this.indexPath), html, 'utf-8'));
 }

開發者ID:axwl，項目名稱:universal，代碼行數:10，代碼來源:prerender.ts

示例4: build

 build() {
   var sourceHtml = fs.readFileSync(path.resolve(this.inputPaths[0], this.indexPath), 'utf-8');
   var appShellOptions = require(path.resolve(this.inputPaths[0], this.appShellPath)).options;
   var options = Object.assign(appShellOptions, {
     document: Bootloader.parseDocument(sourceHtml),
   });
   var bootloader = Bootloader.create(options);
   // Make sure to get all providers and platformProviders
   var providers = [].concat(options.providers || []).concat(options.platformProviders || []);
   return bootloader.serializeApplication(null, providers)
     .then(html =>  fs.writeFileSync(path.resolve(this.outputPath, this.indexPath), html, 'utf-8'));
 }

開發者ID:laskoviymishka，項目名稱:universal，代碼行數:12，代碼來源:prerender.ts

示例5: bootstrap

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

開發者ID:WildGenie，項目名稱:angular2-iot，代碼行數:10，代碼來源:index.ts

示例6: queryParamsToBoolean

export const ngApp = (req, res) => {
  let baseUrl = '/';
  let url = req.originalUrl || '/';

  let queryParams: any = queryParamsToBoolean(req.query);
  let bootloader = new Bootloader({
    template: `
    <!doctype html>
    <html>
      <head>
        <title>Angular 2 Universal Starter</title>
        <meta charset="UTF-8">
        <meta name="description" content="Angular 2 Universal">
        <meta name="keywords" content="Angular 2,Universal">
        <meta name="author" content="PatrickJS">

        <link rel="icon" href="data:;base64,iVBORw0KGgo=">

        <base href="/">
      </head>
      <body>
        <app>... Loading Universal ...</app>
        <script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
        <script src="/main.js"></script>
      </body>
    </html>
    `,
    directives: [ App ],
    providers: [
      provide(ORIGIN_URL, {useValue: 'http://localhost:3000'}),
      provide(BASE_URL, {useValue: baseUrl}),
      provide(REQUEST_URL,  { useValue: 'req.originalUrl' }),
      NODE_ROUTER_PROVIDERS,
      NODE_HTTP_PROVIDERS
    ],
    async: queryParams.async === false ? false : true,
    preboot: queryParams.preboot === false ? null : {debug: true, uglify: false}
  });

  bootloader.serializeApplication()
    .then(html => res.send(html));
};

開發者ID:gdi2290，項目名稱:universal-angular2-starter，代碼行數:42，代碼來源:app.ts

示例7: ngApp

export function ngApp(req, res) {
  const url = req.originalUrl || '/';

  const APP_CONFIG = {
    template: `
    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>Angular 2 Universal Starter</title>
        <meta name="description" content="Angular 2 Universal">
        <meta name="keywords" content="Angular 2, Universal, Webpack">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">

        <base href="/">
      </head>
      <body>
        <app>... Loading Universal ...</app>
        <script src="vendor.js"></script>
        <script src="main.js"></script>
      </body>
    </html>
    `,
    directives: [App],
    providers: [
      provide(REQUEST_URL, {useValue: url}),
      ...NODE_ROUTER_PROVIDERS,
      ...NODE_HTTP_PROVIDERS
    ]
  };

  bootloader.serializeApplication(APP_CONFIG)
  .then(html => res.send(html));
};

開發者ID:drejohnson，項目名稱:universal-angular2-starter，代碼行數:35，代碼來源:app.ts

示例8: ngApp

function ngApp(req, res) {
  let url = req.originalUrl || '/';

  bootloader.serializeApplication(null, [
    provide(REQUEST_URL, {useValue: url}),
    ...NODE_ROUTER_PROVIDERS,
    ...NODE_HTTP_PROVIDERS
  ])
  .then(html => res.send(html));
};

開發者ID:drejohnson，項目名稱:universal-starter，代碼行數:10，代碼來源:server.ts

示例9: callback

 compiler.plugin('emit', (compilation, callback) => {
   if (compilation.assets.hasOwnProperty(this.options.templatePath)) {
     this.bootloader.serializeApplication({
       // or provide template in config.template
       template: compilation.assets[this.options.templatePath].source(), 
       directives: this.options.appConfig.directives,
       providers: this.options.appConfig.providers
     })
     .then(html => {
       compilation.assets[this.options.templatePath] = {
         source: () => html,
         size: () => html.length
       };
       callback();
     });
   }      
 });

開發者ID:krishnumorla，項目名稱:universal，代碼行數:17，代碼來源:prerender.ts

示例10: ngApp

export function ngApp(req, res) {
  let url = req.originalUrl || '/';

  const AppConfig = {
    templateUrl: 'main.html',
    directives: [AppComponent],
    providers: [
      {provide: REQUEST_URL, useValue: url},
      provideRouter(routes),
      ...NODE_HTTP_PROVIDERS,
      ...NODE_LOCATION_PROVIDERS
    ]
  };

  bootloader.serializeApplication(AppConfig)
  .then(html => res.send(html));
}

開發者ID:drejohnson，項目名稱:universal-starter-app，代碼行數:17，代碼來源:main.node.ts

注：本文中的angular2-universal.Bootloader類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。