Javascript 如何使用jquery附加包含角度指令的元素

我正在使用angular meteor开发一个web应用程序，并以ECMAscript 6类风格编写JS。我需要将一个元素动态地附加到一个现有的div中，稍后将单击该元素

我遇到的问题是，当我附加元素时，附加元素的html中包含的angular ng mouseover指令消失并且不起作用

我希望新添加的元素侦听悬停事件，我找到的唯一解决方案是以某种方式使用

$compile

。然而，我对Angular非常陌生，很难理解

$compile

文档，尤其是在试图将其转换为ECMAscript可接受的语法时。有人能帮我正确地做这件事吗

我试图通过JQuery追加元素：

$('#progress-container').append("<img src='greenpin.png' ng-click='chat.hovering($event)' id='" + pinId + "' class='pin' style='left: " + pos + "%'/>");

$（“#进度容器”）。追加（“”）；

使用$compile就可以了

$('body').append($compile("<my-angular-directive />")(scope));
scope.$apply();

$（'body'）。追加（$compile（“”）（scope））；
作用域：$apply（）；

Read.您能提供完整的代码示例吗？