使用jQuery创建angularJS数组的新实例

我正在使用Angular和jQuery

我有div“A”，通过angular拉取内容

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

问题是当我想为div“A”做同样的事情时。。。div“A”插入最后附加的

li

jQuery accordion div，它是空的

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

我正试图创建一个新的div“a”实例，每次单击a

li

时，必须将其作为手风琴的新子级插入，以便它可以独立工作类“a”必须在jQuery中创建，然后插入

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


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

myVar=$（“
{{banana}
”；
$（“.b li”）。单击（函数（）{
$（this.clone（）.append（myVar.appendTo）（.accordion））；
});

类“A”必须在jQuery中创建，然后插入

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


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

myVar=$（“
{{banana}
”；
$（“.b li”）。单击（函数（）{
$（this.clone（）.append（myVar.appendTo）（.accordion））；
});

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


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