根据本地存储角度 ui-router 的值显示/隐藏导航项

Question

我有一个类似的模块

  function config(msNavigationServiceProvider)
    {
        // Navigation
        msNavigationServiceProvider.saveItem('apps', {
            title : 'APPS',
            group : true,
            weight: 1
        });

        msNavigationServiceProvider.saveItem('apps.dashboards', {
            title : 'Dashboards',
            icon  : 'icon-tile-four',
            weight: 1
        });
    }

msNavigationServiceProvider 是提供者，它是核心包的一部分。 问题是我想根据 localstorage 中的值隐藏导航栏上的 Apps 项目，但我无法在 config() 提供程序错误中访问 $localStorage。我对此进行了研究，发现这是不可能的。

那么我应该怎么做才能从 Navigation 中隐藏项目。我不想接触核心包，但我也不能在我的代码中使用 localstorage。

任何帮助将不胜感激

Answer 1

您可以使用msNavigationService中的隐藏属性

hidden: function ()
        {
            return boolean; // must be a boolean value
        }

例子：

// Apps.Dashboards
msNavigationService.saveItem('apps.dashboards', {
    title : 'Dashboards',
    icon  : 'icon-tile-four',
    class : 'navigation-dashboards',
    hidden: function ()
    {
        return AuthService.isAdmin; // must be a boolean value
    },
    weight: 1
});