请问一个如何使用angularjs处理动态菜单？

Question

如何使用angularjs处理动态菜单

Answer 1

思路：只要根据用户角色 显示该角色可以访问的菜单即可，在每次路由切换的时候判断下是否有访问此路由的权限，没有就跳转到指定页面即可。如果要想根据角色动态生成路由，可以在angular还没有启动的时候获取该用户角色的所有路由（也可以说菜单），然后循环菜单 通过 ui-router动态加入即可；一般项目把所有的js和模板都打包压缩成一个js，反而效果更好；

Answer 2

按照ui-router或者什么来配置路由，完全可以自己实现一个功能加载器：$stateProvider//动态菜单.state("Menu", {url: "/menu/:code",templateUrl: "modules/menuloader.html"});然后这个menuloader.html里面，只放一个ng-include，它的地址关联到一个动态变量，这个变量根据传入的那个code去读取。在这个state的resolve里面，根据code获取到菜单对应的html地址，js地址，然后用动态加载控制器的方式把js加载完成，然后把html地址赋值给上一段里提到的那个变量。这样，你就没有定义多个路由，而是直接用一个路由的配置完成了所有的动态获取过程，菜单以后可以任意无限加，不用改任何公共代码。