Use jQuery to make a NEW instance of angularJS array

Question

I am working with Angular and jQuery

I have div "A", pulling content via angular

<div class="a">
   <p ng-repeat="banana in bananas">{{banana}}</p>
</div>

I have ul class "B"

<ul class="b">
  <li>content 1</li>
  <li>content 2</li>
  <li>content 3</li>
<ul>

When any of the li inside "B" is clicked insert that li in .accordion

//this works fine    
$(".b li").click(function () {
   $(this).clone().appendTo(".accordion");
 });

The problem is when I want to do the same thing for div "A"... div "A" is inserted on the LAST appended li

jQuery accordion div, its empty,

<div class="accordion">
</div>

and am trying to create a NEW instance of div "A" everytime a li is clicked then must be inserted as a NEW child of the accordion so that it can work independently

Simo Mafuxwana · Accepted Answer · 2013-08-07 14:50:51Z

1

class "A" must be created within jQuery, then inserted

myVar = $("<div class="a"><p ng-repeat="banana in bananas">{{banana}}</p></div>");


$(".b li").click(function () {
   $(this).clone().append(myVar).appendTo(".accordion");
});

answered Aug 7, 2013 at 14:50

Simo Mafuxwana

3,7928 gold badges45 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Use jQuery to make a NEW instance of angularJS array

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