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

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

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

Answer 2

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