jquery - jQuery metisMenu在ng-include内不起作用

我想使用ng-include渲染template的侧边栏。该模板需要jQuery metisMenu插件进行下拉。

问题：仅当我在部分模板“ sidebar.html”中加载以下脚本时，插件才起作用：

<script src="//cdnjs.cloudflare.com/ajax/libs/metisMenu/1.1.0/metisMenu.js"></script>

<script>$(function() {
    $('#side-menu').metisMenu();
});</script>

当我尝试将它们加载到index.html中时失败。

我只想在index.html中加载一次插件，因为我可能还会在其他部分加载它。这是工作模型的Plunker，它需要在部分脚本中加载脚本。请注意，在将脚本从sidebar.html移至index.html时，下拉菜单停止工作。

任何帮助，将不胜感激。提前致谢。

最佳答案

我也有同样的问题。您需要添加metisMenu（）;在您的主控制器中：

app.controller('mainController', function($scope, Config) {
  $('#side-menu').metisMenu();
});