JQuery .replaceWith Angular2 content

Question

为了使用JQuery库，我正在使用JQuery和Angular2进行一个项目。

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

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

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

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

有办法实现吗？欢迎任何帮助

Answer 1

也许你可以在这里找到一个解决方案：TypeScript-将HTML附加到Angular 2 中的容器元素

如果你想呈现你的内容，我建议使用ngIf并设置一个标志，所以你实际上不需要jQuery

Answer 2

您需要类似$compile( "<span>{{model?.text}}</span>" )( $scope );的东西在之前注入$compile