将服务器中的HTML(带有angular 2指令)插入DOM

迈克·K

我有大约2,000行HTML代码,可以从Java服务器中检索。此HTML代码中还包含有角度指令,例如ngIf*(click)[ngClass]当我尝试使用以下方法在客户端中显示该HTML时:

<div [innerHTML]="htmlData"></div>
<div innerHTML="{{ htmlData }}"></div>

我看到所有HTML元素都能正确显示,但是所有的angular指令都没有用(例如,某些HTML应该用来隐藏,*ngIf但它们不能...而且所有(click)事件都没有用。我该怎么办解决这个问题?

我需要此功能,因为我将代码作为JAR文件交付给各种用户以在其本地计算机上运行,​​并且我希望提供来自某些Amazon S3的HTML代码,以便在我希望对其网站进行更新时可以对其进行更新。 。

我尝试着看下面的答案,但是那些答案来自服务器的纯HTML,并且没有任何角度指令。

使用angular2将服务器中的HTML插入DOM(Angular2中的一般DOM操作)

角度HTML绑定

Adam Genshaft

不幸的是,这是不可能的。InnterHTML会将HTML程式码放在那里-不会成角度。Angular代码应提前编译-在此过程中,所有指令和html magic都将替换为简单的JS。

您可以使用node js通过服务器端渲染将角度代码转换为纯HTML。

您可以在此处阅读有关服务器端渲染的更多信息:https : //angular.io/guide/universal

但是,如果您要在http请求中发送参数,那么您也可以将JAVA和JAVA服务器的任何流行模板框架一起使用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章