Adicione diretivas dinamicamente em AngularJS (enquanto se livra do jQuery)

Digamos que você queira adicionar um botão que adiciona mais botões (ou qualquer outro elemento interativo) que fazem algo quando você clica neles .

Existem algumas maneiras de fazer isso, mas a maioria das soluções que encontrei não funcionou (provavelmente devido ao uso de uma versão mais antiga do AngularJS), parecia desnecessariamente complicada ou dependia do uso de jQuery.

Aqui está o que eu criei (testado com Angular 1.2.9).

Para ver um exemplo funcional com o código completo, visite esta página: http://jsfiddle.net/ftfish/KyEr3/

Para uma explicação passo a passo, veja minha postagem no blog .