无法让$ compile工作

Question

我正在尝试使用JQuery将包含angular指令的div附加到DOM。但是，该指令在附加时会消失，因为我做错了。作为参考，我使用angular和JQuery在meteor中开发并使用ECMAScript 6类样式编写代码。

我做了一些搜索，发现我必须使用$ compile来追加一个包含ng-click指令的元素。但是，由于某种原因，我无法让它工作。这是我的尝试：

someFunctionThatsBeenCalled() {
    var green = "<img src='greenpin.png' ng-click='chat.doStuff()' id='" + pinId + "' class='pin' style='left: " + pos + "%'/>";

    $('#progress-container').append(this.$compile(green)(this));
}

doStuff() {
    console.log("it clicked");
}

注意：这两个函数都位于名为“chat”的同一控制器中，“this”指的是通用控制器的上下文。我怀疑我可能在$ compile的范围部分使用了错误的值，但我不确定除了包含这些函数的控制器之外还有什么。