尝试使用angular2 universal starter时未渲染angular2组件

尝试使用angular2 universal starter时未渲染angular2组件,angular,universal,angular2-template,html-rendering,Angular,Universal,Angular2 Template,Html Rendering,我正在开发一个应用程序,帮助我呈现静态html,包括angular2组件 我开发了几个angular2组件。 现在我需要在静态html中插入它们 到目前为止,我可以成功地生成静态html。 但当我在html中使用angular2组件的选择器标记时,它会按原样呈现这些标记。i、 e.未加载角度2组件。 以前,使用相同的代码正确加载组件 以下是我使用的代码片段 1.app.component.ts 从'angular2/core'导入{Component,Directive,ElementRef,

我正在开发一个应用程序,帮助我呈现静态html,包括angular2组件

我开发了几个angular2组件。 现在我需要在静态html中插入它们

到目前为止,我可以成功地生成静态html。 但当我在html中使用angular2组件的选择器标记时,它会按原样呈现这些标记。i、 e.未加载角度2组件。 以前,使用相同的代码正确加载组件

以下是我使用的代码片段

1.app.component.ts

从'angular2/core'导入{Component,Directive,ElementRef,Renderer};
@组成部分({
选择器:“应用程序”,
templateUrl:'demo.component.html'
})
导出类应用程序{
名称:string='Angular Server Rendering Test';

}
我想你在下面的一行打错了。你应该使用
App
而不是
App
。您需要在此处指定要使用的应用程序组件,而不是Express应用程序:

res.render('index_new', { App }, function(err,html){

您还应该将
添加到指令中

尝试提供完整的模板url

而不是

 templateUrl: 'demo.component.html'  
使用

用模板路径替换src/app/template/demo.component.html

 templateUrl: 'http://localhost:8000/src/app/template/demo.component.html'