anglejsのparentの左にdivを追加する方法は？

Question

iは、コントローラでこのコードがあります。

demo.$inject = ['$scope']; 

    demo.directive("boxCreator", function($compile){ 
     return{ 
      restrict: 'A', 
      link: function(scope , element){ 
       element.bind("click", function(e) { 

        var childNode = $compile('<div ng-drop="true"> <span class="title">Drop area #2</span> <div ng-repeat="obj in droppedObjects2" ng-drag="true" ng-drag-data="obj" ng-drag-success="onDragSuccess2($data,$event)" ng-center-anchor="{{centerAnchor}}"> {{obj.name}}</div></div>')(scope) 
        element.parent().append(childNode); 
       }); 
      } 
     } 
    }); 

をし、私は、クリックの左側に追加します。どのように私はこれを行うことができますか？ jQuery API

Answer 1

、elementのparentノードのこのよう（左のかあなたが好きな場合）

childNode.insertBefore(element.parent()); 

childNodeの前に挿入されます。この方法を試してみて、それは私のために働くでしょう

element.parent().prepend(childNode); 

Answer 2

ごとに、私はこれを試してみるよう