Javascript 如何将带有ng repeat的ANGLAR指令绑定到Owl转盘

我想用ng repeat在angular中对猫头鹰转盘做一个指令。我让它以当前的形式工作。但是，我希望发生的是，当基本数组更改时，我希望旋转木马相应地反映这些更改。因此，如果我从数组中添加或删除项目，旋转木马应该自动添加或删除这些项目

但是，实际发生的情况是，当基本数组数据发生更改时，ng repeat运行并创建div容器，而转盘消失

这是密码

main.html

<working-team team-members="vm.teamMembers"></working-team>

<working-team team-members="vm.teamMembers"></working-team>

working-team.html

<div working-team-member ng-repeat="member in teamMembers" class="p-5">
    <div class="img-circle size-125x125 text-center pt-30 bg-default lter">
        <i class="fa fa-user fa-5x fa-lg text-default"></i>
    </div>
    <h3>
        <strong>{{ member.user.first_name }}</strong>
    </h3>
</div>

<div ng-repeat="member in team" class="p-5">
    <div class="img-circle size-125x125 text-center pt-30 bg-default lter" working-team-member >
        <i class="fa fa-user fa-5x fa-lg text-default"></i>
    </div>
    <h3>
        <strong>{{ member.user.first_name }}</strong>
    </h3>
</div>

{{member.user.first_name}

---

有没有关于如何解决这个问题的建议？我已经花了大约5个小时来解决这个问题，但进展不大。

经过大约15个小时的努力，我终于找到了问题的根源。有两件事阻止了它的工作——我将在下面更详细地解释它

以下是最终的解决方案：

main.html

<working-team team-members="vm.teamMembers"></working-team>

<working-team team-members="vm.teamMembers"></working-team>

working-team.html

<div working-team-member ng-repeat="member in teamMembers" class="p-5">
    <div class="img-circle size-125x125 text-center pt-30 bg-default lter">
        <i class="fa fa-user fa-5x fa-lg text-default"></i>
    </div>
    <h3>
        <strong>{{ member.user.first_name }}</strong>
    </h3>
</div>

<div ng-repeat="member in team" class="p-5">
    <div class="img-circle size-125x125 text-center pt-30 bg-default lter" working-team-member >
        <i class="fa fa-user fa-5x fa-lg text-default"></i>
    </div>
    <h3>
        <strong>{{ member.user.first_name }}</strong>
    </h3>
</div>

{{member.user.first_name}

第一个问题是，一旦转盘被初始化，您要么必须使用与对象关联的添加/删除项方法，要么在我的情况下，由于ng重复更新的结果是我试图刷新整个对象，您必须销毁转盘，然后使用新的数据数组重新初始化它

一旦我弄明白了这一点，它就工作得很好，而且它将在任何时候更新它绑定到的数组。然而，我面临的另一个问题是，上一个阵列会留下大量工件。从带有奇怪类的随机div包装到奇怪的角度标记

再过几个小时，我就想出了解决办法。我很确定这是jquery和angular不能很好地结合在一起的结果，但现在开始。结果表明，当angular运行“ng repeat”时，它将删除DOM中显示的项目，但当jquery查看元素内部以获取子元素时，它没有区分angular删除的元素和未删除的元素，它抓住了所有内容

因此，我能够通过将owl carousel源代码修改为以下内容来快速解决问题：

我不是jquery的超级粉丝，我相信有一种更为“角度”的方法来解决这个问题，但是在花了这么长时间试图解决这个问题之后，现在这个方法就可以了