将服务器中的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条评论
登录后参与评论

相关文章

来自分类Dev

Angular 2指令和DOM操作

来自分类Dev

Angular2指令:如何检测DOM更改

来自分类Dev

Angular 2指令及其属性

来自分类Dev

如何使用Angular2指令注入DOM元素?

来自分类Dev

您如何测试调用服务的Angular 2指令?

来自分类Dev

Angular2指令修改其HTML主机

来自分类Dev

具有范围的Angular2指令

来自分类Dev

模板中Angular2指令的用法

来自分类Dev

Angular 2指令现在可以“扩展”吗?

来自分类Dev

Angular2指令,构造函数与onInit

来自分类Dev

Angular2指令分配给模板

来自分类Dev

Angular2指令修改点击处理

来自分类Dev

Angular 2指令ng的Dart实现产生错误

来自分类Dev

Angular2指令分配给模板

来自分类Dev

如何获取我的Angular 2指令的实例的句柄?

来自分类Dev

Angular2指令:获取标签内容

来自分类Dev

Angular2指令-具有多个ID的选择器

来自分类Dev

Angular 2指令渲染器在Safari / IE中不起作用

来自分类Dev

将Angular2指令添加到Netbeans IDE

来自分类Dev

如何将类名称添加到Angular2指令

来自分类Dev

Angular2指令中“输出属性”的目的是什么?

来自分类Dev

如何在Angular 2组件函数中使用Angular 1指令变量

来自分类Dev

Angular 2应用程序内的Angular 1指令

来自分类Dev

无法在本机元素上绑定angular2指令-routerLink

来自分类Dev

未使用Angular 2指令在元素上设置高度

来自分类Dev

组件的Angular 2指令会覆盖ng-content吗?

来自分类Dev

组件的Angular 2指令会覆盖ng-content吗?

来自分类Dev

如何从@HostListener,angular2指令获取目标元素ID

来自分类Dev

在Angular2指令中进行字符串插值后获取内容