How to nest two directives on the same element in AngularJS?

Question

When I try to nest two directives on the same element I get the following error. Nested \"E\" directives - Multiple directives [...] asking for new/isolated scope

Answer 1

The accepted response here solved the problem for me.

Essentially remove the isolated scope from the directive and instead pass the scope property via the directive's link function (in the attributes parameter).