Last Updated: February 25, 2016
· fourtonfish

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:

For a walkthrough, see my blog post.

1 Response
Add your response

Here's a super easy article on 'Dynamically Compile and Add a custom directive in AngularJs' with snapshots.

over 1 year ago ·