Angularjs isolated scope for directives without own template

Question

I want to create reusable directive in AngularJS without own template. I also want to have isolated scope for that directive. What is the best practices for my approach? Why

Answer 1

Came here facing the same confusion. Apparently, the case is as follows.

Transclusion aside, only elements in a template for the directive will be bound to the isolated scope created by that directive. If you don't use a template - content of the element, on which the directive is declared, will bind as if isolated scope was not there.

Here is a modified plunker from above that showcases this. http://plnkr.co/edit/WqEKkNAj4p2Rly51LBzC?p=preview