Как лучше хранить параметры в ДОМ-элементах
 

В 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 -->

Способы актуальны для любых других случаев, когда дом элементу необходимо придать новую функциональность. Какой способ лучше всего использовать на практике, что скажите по опыту?

Первый вариант потребует хака для некоторых версий IE. Второй вариант лучше (IMHO) применять с префиксом "data-". Третий - не слишком логично, т.к. самостоятельно классы лучше таки использовать для оформления. Четвертый слишком специфичен, да и вообще, кажется, редко применяется.

Тут многое зависит от требований к проекту и личных предпочтений. Я бы остановился на втором.

ага, тоже склоняюсь к этому. Правда, слышал, что поиск по классу происходит быстрее чем по атрибуту

Ну data-аттрибуты постепенно становятся стандартом в этом деле. Класы и ид-шники - верстальщикам, дата - кодерам.)