javascript - 针对正确的 html 选择器 Angular js

Question

我正在处理一个 Angular Directive(指令)，我正在尝试添加一个元素。

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

它附加在 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>`

我认为我的选择器有问题。

Answer 1

要将一个元素放在另一个元素之后，而不是放在元素内部，您可以使用 after() , 它也是 Angulars jqLit​​e 的一部分

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