jQuery .replaceWith Angular2内容

时间:2018-07-18 09:20:15

标签: javascript jquery angular replacewith

为了使用JQuery库,我正在同时使用JQuery和Angular2进行项目开发。

我的问题是使用JQuery用Angular2代码替换DOM元素时。

我期望下面的代码在DOM元素中添加Angular代码:

let myContainer = <HTMLElement>document.querySelector(".question-text");
myContainer.innerHTML = "<span>{{model?.text}}</span>";

它要做的是替换将{{model?.text}}设置为字符串而不是动态内容的innerHTML。

有没有办法实现?欢迎任何帮助

2 个答案:

答案 0 :(得分:0)

也许您可以在这里找到解决方案:TypeScript - Append HTML to container element in Angular 2

如果您要呈现内容,我建议使用ngIf并设置一个标志,因此实际上不需要jQuery。

答案 1 :(得分:0)

您需要输入类似$compile( "<span>{{model?.text}}</span>" )( $scope );的内容 在此之前插入$compile