Как вставить шаблон директивы, ПОСЛЕ элемента, не заменяя его в AngularJS?
Доброго времени суток! Задача создать всплывающий dropdown ниже input поля, у input'а ставлю my-directive, но вот что написать в коде директиву чтобы элемент не заменялся (replace: false вставляет шаблон директивы в input, что тоже бессмысленно). Не хочется также выносить директиву ниже текстового поля, тогда связь директивы с полем потеряется. Вариант переместить input внутрь шаблона и делать замену тоже не самый лучший, потому что если пользователь хочет задать какие то стили, атрибуты, то они должны быть и шаблоне, который заменит исходный input. Какие есть варианты решения данной задачи?
Не самое изящное решение, но можно на pre-link стадии директивы сделать вручную append после input и скомпилить.
Вот вам пример: codepen.io/AMar4enko/pen/QbxqVY
Первое что нашел на хабре:
preLink: фаза, выполняемая перед связыванием всех дочерних элементов. Здесь не рекомендуется проводить какие-либо трансформации DOM;
пример неплохой andreev-artem.github.io/angular_experiments/tb-too..., но в нем все делает jquery.
Ну я и хотел его позиционировать оффсетом от первого relative родителя. Если вставить в конец боди, то рискую выпасть из области видимости приложения. Не так?
Средний
Средний