本文整理匯總了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');
}示例2: updateMailBadge
/**
* Update mail badge
*/
updateMailBadge(): void
{
// Update the badge title
this._fuseNavigationService.updateNavigationItem('mail', {
badge: {
title: 35
}
});
}示例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
});
}示例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');
}示例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
]
});
}示例6:
.subscribe(() => {
this.navigation = this._fuseNavigationService.getCurrentNavigation();
});示例7: removeDashboards
/**
* Remove the dashboard menu item
*/
removeDashboards(): void
{
this._fuseNavigationService.removeNavigationItem('dashboards');
}