动态添加项目到一个MDL菜单

Question

我想要的菜单项动态地添加到MDL菜单。但是，我还没有想出如何使用mdl注册新项目，以便它们正常工作。

这里是示出不同的行为一codepen。值得注意的是，动态项目没有涟漪效应，或点击时关闭菜单。

该代码笔使用两个新建项目，和原来的菜单元素没有效果componentHandler.upgradeElement。我注意到，正确创建的菜单项除了一些其他属性外，还有另一个类（mdl-js-ripple-effect），但是手动添加该类，或尝试使用元素数据导致mdl javascript中出现很多错误。我认为对componentHandler方法的一些正确调用是我需要的，但是我一直没有找到任何有关子元素正确使用的文档。

Answer 1

这令人遗憾的是目前相当复杂，并且实际上会因为错误而导致性能问题。不建议。

做会破坏菜单，并重建它在即时的最好的事情。

MDL意味着更多的静态站点，聚合物被推荐用于需要更复杂的控制和动态网站建设。

你也可以去不使用我们的JS，写自己的组件对于这种需要的途径。