В Angular директивы можно идентифицировать четырьмя способами:
restrict - String of subset of EACM which restricts the directive to a specific directive declaration style. If omitted directives are allowed on attributes only.
E - Element name: <my-directive></my-directive>
A - Attribute: <div my-directive="exp"> </div>
C - Class: <div class="my-directive: exp;"></div>
M - Comment: <!-- directive: my-directive exp -->
Способы актуальны для любых других случаев, когда дом элементу необходимо придать новую функциональность. Какой способ лучше всего использовать на практике, что скажите по опыту?