JQuery .replaceWith Angular2内容

Question

我正在做一个同时使用JQuery和Angular2的项目，以便使用JQuery库。

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

我期望下面的代码在DOM元素中添加角度代码：

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

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

有没有办法做到这一点？欢迎任何帮助

Answer 1

也许你可以在这里找到一个解决方案：TypeScript - Append HTML to container element in Angular 2

如果你想渲染你的内容，我建议使用ngIf并设置一个标志，这样你实际上就不需要jQuery了。

Answer 2

在此之前，您需要像$compile( "<span>{{model?.text}}</span>" )( $scope );一样注入$compile