使用 angular-materials 创建菜单

Question

我用 materializeCss 制作了以下菜单，但一位朋友推荐使用 angular-material，angular material 的示例与我的类似并且我无法重现，因为菜单是根据用户权限动态创建的。如果你能告诉我它是如何完成的，我将不胜感激

Answer 1

最简单的方法对于右侧部分：您可以在控制器中使用 JSON，例如

$scope.jsonTest=[

 {
   imagePath:"",
   title:"",
   userPermission:["admin","superAdmin"] 
 },
 {
   imagePath:"",
   title:"",
   userPermission:["admin"] 
 }
];

并在您的 html 文件中

你可以使用

<div ng-repeat="item in jsonTest" >

   <div ng-show="item.indexof(userRole) > 0">
       ....(display content)
   </div>
</div>

使用 angular-materials 创建菜单

Create menu with angular-materials

javascript

angularjs

html

angular-material

materialize