Javascript 如何在angularjs中将div附加到父对象的左侧？

我在控制器中有以下代码：

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);
              });
          }
      }
  });

demo.$inject=['$scope']；
指令（“boxCreator”，函数（$compile）{
返回{
限制：“A”，
链接：功能（范围、元素）{
元素绑定（“单击”，函数（e）{
var childNode=$compile（'Drop area#2{{{obj.name}}'）（范围）
element.parent（）.append（childNode）；
});
}
}
});

我想在单击的左侧追加。我怎样才能做到这一点呢？

试试这种方法

childNode.insertBefore(element.parent());

---

这样，

childNode

将被插入到

元素的
父节点的
之前（或左侧，如果您愿意），根据我已经尝试过了，它将对我有效

element.parent().prepend(childNode);

“在左侧附加”是什么意思？@ddb append在父元素的左侧