targeting right html selector angular js

Question

I am working on an angular directive and i am trying to prepend an element.

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

it appends inside ul. How am i supposed to append the element after the ul tag?

<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>`

i believe there is something wrong with my selector.

adeneo · Accepted Answer · 2016-10-06 19:36:54Z

1

To place an element after another element, and not inside it, you can use after(), it's part of Angulars jqLite as well

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

answered Oct 6, 2016 at 19:36

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

targeting right html selector angular js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related