JQuery .replaceWith Angular2 内容

Question

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

我的问题是使用 JQuery.

将 DOM 元素替换为 Angular2 代码

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

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

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

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

Answer 1

也许您可以在这里找到解决方案：

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

Answer 2

你需要 $compile( "<span>{{model?.text}}</span>" )( $scope ); 在

之前注入$compile