根据条件实现导航栏显示/隐藏特定菜单答案

【问题标题】：Materialize navbar Show/Hide specific Menu based on Condition根据条件实现导航栏显示/隐藏特定菜单
【发布时间】：2017-11-06 04:08:09
【问题描述】：

我想显示/隐藏导航栏用户登录。就我而言，例如我有两种类型的用户，一个用户可以访问 4 个菜单，而另一个用户只能访问 3 个。

喜欢这张图片

我希望根据条件设置{display:none;}。我希望在自定义 HTML 属性下编写它。我如何做到这一点？

我需要像 Angular ng-show/ ng-if 这样的解决方案

【问题讨论】：

【解决方案1】：

您可以根据您的用户将新类添加到 body/html 标签中，并使用 css 隐藏/显示元素。

或者将参数（例如 ?user=admin）传递给 url，使用 javascript 检查它并使用 DOM 做你想做的事情。

【讨论】：

我需要像 Angular ng-show/ ng-if 这样的解决方案。我有用户数据并且有超过 100 个 url。如果它像你说的那样小它很容易实现
你说的只有两种类型的用户。使用嵌套的内联 if-then 语句 <body ng-class=" ... ? 'class-1' : ( ... ? 'class-2' : 'class-3')">
不，我说的是……还有更多不同的类型

【解决方案2】：

您可以在要隐藏的元素上添加隐藏类。

class="hide"

【讨论】：