jquery metisMenu 无法在 ng-include 内工作

Question

我想使用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 时，下拉菜单将停止工作。

如有任何帮助，我们将不胜感激。提前致谢。

Answer 1

我也有同样的问题。您需要添加 metisMenu();在你的主 Controller 中:

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