abp+angular2 导航栏添加菜单

理清思路,记录以备忘。

XPName:项目名称

XEName:菜单名称

X:\XPName\angular>:命令行路径

第一步:

XPName.AngularUI/src/shared/layout/topbar.component.ts文件内添加

menuItems: MenuItem[] = [
       。。。
        new MenuItem("XEName", "", "fa fa-calendar-o", "/app/XEName", true),
     。。。
    ];

第二步:

执行命令 X:\XPName\angular>ng generate component XEName

第三步:

在XPName.AngularUI/src/app/app-routing.module.ts文件内懒加载XEName模块,

...
import { XENameComponent } from ‘./XEName/XEName.component‘;

@NgModule({
    imports: [
        RouterModule.forChild([
            {
                path: ‘‘,
                component: AppComponent,
                children: [
                    ...
                    { path: ‘wblogs‘, component: XENameComponent }
                ]
            }
        ])
    ],
    exports: [RouterModule]
})

时间: 2024-08-08 12:21:10

abp+angular2 导航栏添加菜单的相关文章

Android界面编程——导航栏及菜单(六)

Android界面编程--导航栏及菜单 2.7导航栏及菜单 2.7.1  ActionBar ActionBar是Android3.0(API 11)开始增加的新特性,ActionBar出现在活动窗口的顶部,可以显示标题.icon.Actions按钮.可交互View,可实现应用程序级的导航,如图2.7-1所示 图2.7-1 其中 1. App icon: 主要用于展示App的Logo,如果当前界面不是一级界面,还可以展示返回航. 2.View Control: 用于切换不同的视图或者展示非交互信

如何在导航栏添加hot样式图片

如何在导航栏添加hot样式图片:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在很多网站的导航栏中都有这样的效果,在一个比较热门的栏目上面会有一个动态的小图片用以标示此栏目比较热门或者是新增栏目等等,效果比较美观且人性化,下面就简单介绍一下如何实现此效果,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="autho

Jquery给当前页或者跳转后页面的导航栏添加选中后样式

解决方法有两种:一种是直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失:另一种情况是即使刷新页面后样式仍然有效. 直接上代码: 第一种情况: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <script type="text/javascript" src="templets/js/jquery.js"></script>  <script type=&qu

UIBarButtonItem导航栏添加按钮

1 前言 UIBarButtonItem为导航栏按钮,在导航栏的左侧和右侧,他们具有许多种不同的形状和形式. 2 代码讲解 ZYViewController.m [plain]  (void)viewDidLoad  {      [super viewDidLoad];      // Do any additional setup after loading the view, typically from a nib.      self.view.backgroundColor = [U

给导航栏添加停留样式

浅谈下给类似导航栏的东东,添加停留样式的三种方法: 实例: HTML代码: <div class="side_layout"> <!--Sidebar content--> <div class="list-group"> <a href="#" class="list-group-item active">项目1 <span class="glyphicon_r

外贸建站之导航栏NAV菜单监听JS处理代码

外贸建站之导航栏NAV菜单监听JS处理代码 1 var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session 2 var startX = 30 //set x offset of bar in pixels 3 var startY = 5 //set y offset of bar in pixels 4 var ve

【Android基础篇】TabHost导航栏添加标签页的三种方法

使用TabHost实现的导航栏有三种添加页面的方法,分别是直接在布局代码的tab里面添加:通过include标签添加:通过Java代码指定另一个Activity添加.下面是三种方法的示例: 直接在布局代码的tab里面添加标签页 使用拖控件拖出来的TabHost,在它的布局层次上会有三个LinearLayout,id分别为tab1.tab2.tab3,如下图所示: 然后我们可以新建一个Layout,在这个Layout里设计好界面后,将xml代码直接放入tab(1.2.3)的标签里,如下图所示,将设

UI: 使用 UIBarButtonItem 给导航栏添加按钮

问题: 希望将按钮添加到导航栏中 1.导航栏属于 UINavigationBar 类,你可以再任何时候创建它,并将它添加到任意的 view 中. 2.创建一个导航按钮,须要做一下工作: 创建一个 UIBarButtonItem 实例. 使用视图控制器的 navigationItem 属性将按钮添加到视图控制器的导航栏中,. NavigationItem 属性允许我们与导航栏进行交互.这个属性自身有两个属性,分别为 rightBarButtonItem 和 leftBarButtonItem.这两

利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式

当鼠标选中页面导航栏的某一栏目后,如何给选中栏目添加特殊样式,一直没怎么搞清楚,今天学习了一下,并做个总结. 这边有两种情况,一种是直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失:另一种情况是即使刷新页面后样式仍然有效. 直接上代码: 第一种情况: <script>   $(document).ready(function(){       $(".nav a").each(function(){           $(this).click(func