jquery - jQuery を使用して angularJS 配列の新しいインスタンスを作成する

Question

私はAngularとjQueryを使用しています

私はdiv "A"を持っていて、Angular経由でコンテンツを引っ張っています

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

私はulクラス「B」を持っています

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

li内側の「B」のいずれかをクリックすると、それが挿入さliれます.accordion

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

問題は、div "A" に対して同じことをしたい場合です... div "A" は、追加された LAST に挿入されますli

jQuery アコーディオン div、その空、

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

liaがクリックされるたびに div "A" の新しいインスタンスを作成しようとしており、独立して動作できるように、アコーディオンの新しい子として挿入する必要があります