我想使用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();在你的主 Controller 中:
app.controller('mainController', function($scope, Config) {
$('#side-menu').metisMenu();
});
关于jquery metisMenu 无法在 ng-include 内工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26335696/