TypeScript navigation.service.FuseNavigationService类代码示例

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@fuse/components/navigation/navigation.service.FuseNavigationService类的典型用法代码示例。如果您正苦于以下问题：TypeScript service.FuseNavigationService类的具体用法？TypeScript service.FuseNavigationService怎么用？TypeScript service.FuseNavigationService使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了service.FuseNavigationService类的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: registerNewNavigationAndToggle

    /**
     * Register a new navigation and toggle to it
     */
    registerNewNavigationAndToggle(): void
    {
        const adminNav = [
            {
                id      : 'admin',
                title   : 'Admin',
                type    : 'group',
                icon    : 'apps',
                children: [
                    {
                        id   : 'users',
                        title: 'Users',
                        type : 'item',
                        icon : 'person',
                        url  : '/apps/dashboards/analytics'
                    },
                    {
                        id   : 'payments',
                        title: 'Payments',
                        type : 'item',
                        icon : 'attach_money',
                        url  : '/apps/academy'
                    }
                ]
            },
            {
                id      : 'control-panel',
                title   : 'Control Panel',
                type    : 'group',
                icon    : 'apps',
                children: [
                    {
                        id   : 'cron-jobs',
                        title: 'Cron Jobs',
                        type : 'item',
                        icon : 'settings',
                        url  : '/apps/file-manager'
                    },
                    {
                        id   : 'maintenance-mode',
                        title: 'Maintenance Mode',
                        type : 'item',
                        icon : 'build',
                        url  : '/apps/todo'
                    }
                ]
            }
        ];

        // Register the new navigation
        this._fuseNavigationService.register('admin-nav', adminNav);

        // Set the current navigation
        this._fuseNavigationService.setCurrentNavigation('admin-nav');
    }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:58，代码来源:navigation.component.ts

示例2: updateMailBadge

 /**
  * Update mail badge
  */
 updateMailBadge(): void
 {
     // Update the badge title
     this._fuseNavigationService.updateNavigationItem('mail', {
             badge: {
                 title: 35
             }
     });
 }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:12，代码来源:navigation.component.ts

示例3: showHideCalendarMenuItem

    // -----------------------------------------------------------------------------------------------------
    // @ Public methods
    // -----------------------------------------------------------------------------------------------------

    /**
     * Show/hide calendar menu item
     */
    showHideCalendarMenuItem(): void
    {
        // Toggle the visibility
        this.hidden = !this.hidden;

        // Update the calendar menu item
        this._fuseNavigationService.updateNavigationItem('calendar', {
            hidden: this.hidden
        });
    }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:17，代码来源:navigation.component.ts

示例4: addNavItemWithCustomFunction

    /**
     * Add a nav item with custom function
     */
    addNavItemWithCustomFunction(): void
    {
        // Prepare the new nav item
        const newNavItem = {
            id      : 'custom-item',
            title   : 'Custom Item',
            type    : 'item',
            function: () => {
                alert('Custom function!');
            }
        };

        // Add the new nav item at the beginning of the navigation
        this._fuseNavigationService.addNavigationItem(newNavItem, 'start');
    }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:18，代码来源:navigation.component.ts

示例5: addSubitemToCalendar

    /**
     * Add subitem to the calendar
     */
    addSubitemToCalendar(): void
    {
        // Prepare the new nav item
        const newNavItem = {
            id   : 'sub-item',
            title: 'Sub Item',
            type : 'item',
            url  : '/apps/calendar'
        };

        this._fuseNavigationService.updateNavigationItem('calendar', {
            type: 'collapsable',
            children: [
                newNavItem
            ]
        });
    }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:20，代码来源:navigation.component.ts

示例6:

 .subscribe(() => {
     this.navigation = this._fuseNavigationService.getCurrentNavigation();
 });

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:3，代码来源:style-1.component.ts

示例7: removeDashboards

 /**
  * Remove the dashboard menu item
  */
 removeDashboards(): void
 {
     this._fuseNavigationService.removeNavigationItem('dashboards');
 }

开发者ID:karthik12ui，项目名称:fuse-angular-full，代码行数:7，代码来源:navigation.component.ts

注：本文中的@fuse/components/navigation/navigation.service.FuseNavigationService类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。