Как сделать одну директиву для нескольких похожих элементов DOM?
Мне нужно сделать кастомные select. Если точнее, то вместо тэгов сделать директиву, которая заменит штатный select.
Есть директива, которая это делает. А именно, при наведении на блок (фейковый инпут) появляется ul со списком. Клик по пункту списка добавляет этот пункт в массив, повторный клик - удаляет из массива значение с ключем. Затем, все собранные в массив данные отправляются на сервак...но тут уже не директивы работа. Она только собирает данные.
Таких "селектов" у меня на одной странице может быть много. Поэтому, нужно как-то разграницивать все это. Допустим, есть список со странами и список с категориями чего либо. Соответственно, нужно и scope разделить так, чтобы данные из рахных списков не попадали в один и тот же массив. А также, при каждом клике директива вставляет спан со значением списка в фейковый инпут (обычный div).
Короче, суть в том, что надо как-то разграничивать области видимости. А как это сделать, непонятно пока. Писать для каждого элемента свою директиву, при этом копипастить один и тот же код тупо. Подскажите, пожалуйста.
Средний
Средний