Javascript 目标是正确的html选择器

我正在处理一个角度指令，我正在尝试预先准备一个元素

.directive('someDirective', function($compile){
  restrict: "E",
  scope:{
   items="@"
  }
  link: function(scope,elem,attrs){
    // selector 
    angular.element(div > ul).prepend($compile('<p> Hello World <p>') (scope))
  },
  template:`
  <div class="container"> 
    <ul class="foo">
      <li ng-repeat="item in items"> {{ item }} </li> 
    </ul>
  </div>`
});

.directive（'someDirective'，函数（$compile）{
限制：“E”，
范围：{
项目=“@”
}
链接：功能（范围、要素、属性）{
//选择器
元素（div>ul）.prepend（$compile（“helloworld”）（范围））
},
模板：`

{{item}

`
});

它附加在ul内部。我应该如何在ul标记后附加元素

<div class="container"> 
    <ul class="foo">
      <!-- prepend element goes here :( --> 
      <li ng-repeat="item in items"> {{ item }} </li> 
    </ul>
 <!-- I want the prepended element to go here -->
  </div>`

{{item}

`

---

我相信我的选择器有问题

要将一个元素放在另一个元素之后，而不是放在其中，您可以使用，它也是Angulars jqLite的一部分

angular.element(div > ul).after($compile('<p> Hello World <p>') (scope))

angular.element（div>ul）.after（$compile（“helloworld”）（范围））