文章/答案/技术大牛

发布

问角2等效反应renderToString
EN

Stack Overflow用户

提问于 2016-06-16 21:49:26

回答 2查看 829关注 0票数 8

我在寻找react-dom/server.renderToString的角2等效值

import { renderToString } from 'react-dom/server';    
// Render the component to a string
const html = renderToString(
  <App />
);

使用NodeJs将指令/组件转换为HTML的最简单的代码示例是什么？

我想这其中的一个包是可能的：

@转角/编译器- v2.0.0-rc.2
@angular/platform-server - v2.0.0-rc.2

javascript

angularjs

node.js

angular

回答 2

Stack Overflow用户

发布于 2016-06-17 15:25:45

角组件使用HTML模板作为开发过程的一部分，但实际上我们将这些模板编译为Javascript，而不是HTML，以便将它们呈现给浏览器。

最可能对您有帮助的事情是查看https://github.com/angular/universal。该项目代表了在服务器上以呈现javascript和HTML并通过网络将其交付给浏览器的方式运行角度组件的最佳方法。

我们不能提供一个简单的方法来“呈现”到HTML，因为任何类型的“呈现”都涉及到整个角度框架(核心、公共、模板编译)和处理整个组件树。

希望这能有所帮助！

票数 0

Stack Overflow用户

发布于 2016-06-19 16:44:08

import 'angular2-universal/polyfills';
import {
  provide,
  REQUEST_URL,
  ORIGIN_URL,
  NODE_ROUTER_PROVIDERS,
  NODE_HTTP_PROVIDERS,
  Bootloader
} from 'angular2-universal';

import { APP_BASE_HREF } from '@angular/common';

const bootloader = new Bootloader({
  platformProviders: [
    {provide: ORIGIN_URL, useValue: 'http://localhost:3000'},
    {provide: APP_BASE_HREF, useValue: '/'}
  ],
  async: true,
  preboot: false // { appRoot: 'app-root' } // your top level app component selector
});

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

  const config = {
    template: `<!doctype html><html><head>...</head><body>...</body></html>`,
    directives: [AppComponent],
    providers: [
      {provide: REQUEST_URL, useValue: url},
      ...NODE_ROUTER_PROVIDERS,
      ...NODE_HTTP_PROVIDERS
    ]
  };

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

票数 0

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

原文链接：

https://stackoverflow.com/questions/37869908

复制

相似问题

问角2等效反应renderToString
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角2等效反应renderToStringEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角2等效反应renderToString
EN