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