如何使用angularjs处理动态菜单
发布网友
发布时间：2022-04-22 00:59
共2个回答
热心网友
时间：2022-04-19 02:27
思路：只要根据用户角色 显示该角色可以访问的菜单即可，在每次路由切换的时候判断下是否有访问此路由的权限，没有就跳转到指定页面即可。
如果要想根据角色动态生成路由，可以在angular还没有启动的时候获取该用户角色的所有路由（也可以说菜单），然后循环菜单 通过 ui-router动态加入即可；
一般项目把所有的js和模板都打包压缩成一个js，反而效果更好；
热心网友
时间：2022-04-19 03:45
按照ui-router或者什么来配置路由，完全可以自己实现一个功能加载器：
$stateProvider
//动态菜单
.state("Menu", {
url: "/menu/:code",
templateUrl: "moles/menuloader.html"
});
然后这个menuloader.html里面，只放一个ng-include，它的地址关联到一个动态变量，这个变量根据传入的那个code去读取。
在这个state的resolve里面，根据code获取到菜单对应的html地址，js地址，然后用动态加载控制器的方式把js加载完成，然后把html地址赋值给上一段里提到的那个变量。
这样，你就没有定义多个路由，而是直接用一个路由的配置完成了所有的动态获取过程，菜单以后可以任意无限加，不用改任何公共代码。
