Javascript AngularJS破坏JQuery动画

我是angularjs的新学生，我正在用ng repeat制作菜单。 我也制作了一个模板，但当我调试代码时，所有jquery动画都消失了。所有菜单都在我的div中，带有jquery动画

            <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">

                 <webapi class="nav metismenu sidebar-collapse"></webapi>

                </ul>
            </div>
        </nav>

这是我的HTML，使用模板重复只适用于引导CSS样式，但所有动画都消失了。 有人能帮我吗

非常感谢

---

您的plunk不起作用，因为您混合了

http

和

https

。不安全的内容（jQuery和字体）被阻止

我将您的代码更新为参考

https

，注释掉了缺少的插件，在AngularJS 1.5中为现有菜单项添加了插件，因此您应该能够将其与您的尝试进行比较：

---

什么是jquery代码？给你：你必须下载它，我不知道为什么Plunker不构建它。。。我认为这是因为有很多代码。。。所以，这就是我想做的。当我在AngularJS上使用指令和ng repeat时，该动画被破坏。当我创建

的模板时，我把它放在Nav和Inspinia.JS和metismen的所有类之间。但没用，嗯，明白了！但为什么它在谷歌浏览器中不起作用呢？我在firefox上进行了测试，结果很好。谢谢查看一下Chrome中的开发者控制台，检查是否有任何错误消息。我将jquery链接替换为一个文件，它运行良好。所以我不能混合使用Http和Https？Angular使用Https，因此您将所有http更改为Https，对吗？