问题标签 [metismenu]

我在一个项目中使用 React Metis 菜单。其中一项要求是以以下方式格式化菜单：

从结构来看，我认为我可以使用 2 个 Metis 菜单，以便在单个可点击菜单项之前可以使用不同的标题（仪表板/分析）。

该功能效果很好，但我遇到了另一种情况，我现在有 2 个可能的活动项目同时突出显示。

我参考了https://www.npmjs.com/package/react-metismenu#active-link-selectors上的 API ，这表明我们可以使用activeLinkLabel,activeLinkTo来覆盖/控制活动选择器。但是，它似乎仅在首次加载时才有效，但随后的单击将使更改过时。

有没有人使用过这个库或者可以指出我可能从 API 中错误地解释了什么？

我正在尝试将使用 Thymeleaf 的项目迁移到 Angular 8。菜单是使用 MetisMenu 从 BE（rest api）加载数据来实现的。

问题

问题是重新加载页面或任何导航后菜单变得无响应。

编码

main-menu.component.html

主菜单.component.ts

MetisMenu 就是这样初始化的

在已添加到角度配置的通用脚本中。

调试应用程序，看到调用metisMenu初始化时，菜单没有子菜单（数据尚未加载）。

我尝试使用角度生命周期挂钩（AfterViewInit 和 AfterContentInit）将 metisMenu 初始化移动到组件 ts 文件，但没有任何效果。

我想知道是否有任何方法可以监听数据订阅以便在准备好时触发菜单初始化。

我在 Webpacker/Rails 6 中加载插件metisMenu时遇到问题

我不断收到错误：Uncaught TypeError: $(...).metisMenu is not a function

这些是来自的内容application.js：

配置/webpack/environment.js：

试图让一个（应该是什么）简单的模块工作：metisMenu

但是，不幸的是我没有这样做，显然是在我的 Webpacker 设置中，因为在加载我的页面时出现错误：Uncaught TypeError: $(...).metisMenu is not a function

将模块加载到application.js. 模块正在加载vendor/assets/javascripts/app.js

• 我已经正确安装了 jQuery
• 头部部分的以下代码片段使其工作（但这没有使用 Webpaker）：

. 我创建了一个 github 分支。请帮忙！https://github.com/henkjanwils/metisMenu-error

我正在尝试让 Metismenu 和 Bootstrap-select 在 Rails 6 上工作。

我通过纱线安装了它们。他们都出现在 package.json

放置在 application.js

启用它们

但是两者都给出错误

经过一番挖掘，我似乎无法找到造成这种情况的原因。任何人都可以帮助我吗？

仪表板

onclick="navigate('${MAINMODULE['MODULENAME']}','${MAINMODULE['MODULECODE']}','${MAINMODULE['MODULEURL']}','${MAINMODULE['ISMULTIPLE'] }')" > ${MAINMODULE['MODULENAME']} 0 }"> 0 }">

${SUBMODULE['MODULENAME']}