39.10. 配置导航菜单
39.10.1. 顶部导航菜单
Web 控制台的顶部导航栏包含帮助图标和用户下拉菜单。您可以使用 angular-extension-registry 添加额外的菜单项。
可用的扩展点包括:
-
nav-help
-Dropdown - 帮助图标下拉菜单,在桌面屏幕宽度中可见 -
nav-user-dropdown
- 用户下拉菜单,在桌面屏幕宽度中可见 -
nav-dropdown-mobile
- 顶部导航项目的单一菜单,位于移动屏幕宽度上
以下示例扩展了 nav-help-drop 下拉菜单
,名称为 < myExtensionModule
> :
注意
<myExtensionModule&
gt; 是一个占位符名称。每个下拉菜单扩展必须足够唯一,这样它不会给以后任何模块冲突。
angular .module('<myExtensionModule>', ['openshiftConsole']) .run([ 'extensionRegistry', function(extensionRegistry) { extensionRegistry .add('nav-help-dropdown', function() { return [ { type: 'dom', node: '<li><a href="http://www.example.com/report" target="_blank">Report a Bug</a></li>' }, { type: 'dom', node: '<li class="divider"></li>' // If you want a horizontal divider to appear in the menu }, { type: 'dom', node: '<li><a href="http://www.example.com/status" target="_blank">System Status</a></li>' } ]; }); } ]); hawtioPluginLoader.addModule('<myExtensionModule>');
添加脚本,如 Loading Extension Scripts 和 Stylesheets 所述。