Question

我正在处理一个角度指令，我正在尝试添加一个元素。

.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 jqLite的一部分

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

定位右html选择器角js

1 个答案: