Как правильно пользоваться $compile?

Question

[nuclear_kote]

Пытаюсь сделать директиву-атрибут при навешевании которой текущий элемент будет копироваться через $(element).clone() и добавляться перед текущим элементом, как то модифицируется и по ondrag как то двигается. Проблема в том что в нем есть динамический контент, поэтому нужно компилировать его. Если пытаюсь делать $compile(clone)(scope); при подготовке клона приложение вылетает со stackoverflow, если компилирую в onDrag начинаются дикие тормоза.

function link(scope, element, attrs) {
....
     $ionicGesture.on('dragright' onDrag, element);
     clone = $(element).clone();
     wrapper = $('<div> </div>').append(clone);
     clone.css('position', 'absolute');
     
     element.before(wrapper);
     $compile(wrapper)(scope); //stack overflow
     
    $compile(wrapper)(scope, function (clonned) { //опять stack overflow
     element.before(clonned);
    }); 

    function onDrag() {
     clone.css('left', ....) ;
     $compile(wrapper)(scope); //Работает, но с дикими тормозами + контент {{}} успевает показаться
    }
}

Answer 1

[Николай]

Так-то неудивительно что stackoverflow. Вы же вызываете compile клонируемого элемента. Compile вызывает link функцию -> вызываем compile -> клонируем элемент и вызываем compile -> вызывается link функция ....
Вы чего хотите в итоге получить?

Comments

[nuclear_kote]

хочу скопировать текущий элемент, обернуть его wrapper'ом c position: relative, а клону выставить position: absolute. Короче говоря хочу сделать копию с текущего элемента, чтобы можно было над ним как то издеваться, а потом убрать без особых проблем

[Николай]

ну самый тупой вариант - добавить элементу какой-то признак того что он клон и клонировать его не надо : ) Как в старом фильме с Арнольдом Шварцнегером. Честно говоря как поступить лучше в данном случае не очень понятно.

[nuclear_kote]

Николай: придумал лучше способ:) удаляю атрибут этот у клона и все нормально начинает работать