Dynamically add directives in AngularJS (while ditching jQuery)

Let’s say you want to add a button that adds more buttons (or any other interactive element) that do something when you click them.

There is a few ways to achieve this, but most of the solutions I found either didn't work (probably due to using an older AngularJS version), seemed unnecessarily complicated or relied on using jQuery.

Here is what I came up with (tested with Angular 1.2.9).

To see a working example with the full code, visit this page: http://jsfiddle.net/ftfish/KyEr3/

For a walkthrough, see my blog post.