jquery metisMenu在ng-include中没有工作

Question

我想使用ng-include来渲染模板的侧边栏.该模板需要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,它需要在partials中加载脚本.请注意,在将脚本从sidebar.html移动到index.html时,下拉菜单会停止工作.

任何帮助,将不胜感激.提前致谢.

Answer 1

我也有同样的问题.你需要添加metisMenu(); 在你的主控制器:

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