How to add DOM Elements (Angular directives) via jQuery's .append()?

Question

Is there any way to add an element that is an Angular directive with jQuery methods like append() and have Angular do its compilation/linking to make it work as

Answer 1

The accepted answer didn't provide a complete example, here's one:

https://codepen.io/rhinojosahdz/pen/ZpGLZG