先在终端给项目创建一个组件,ng generate ,生成一个 component ,放在 modules/demo 里面,名字是 admin 。回到项目,找到刚才生成的 Admin 组件的模板文件,一组标题,文字是 Admin,下面再添加一个段落文字,Here is admin area.
打开 Demo 模块的路由模块,在它里面需要再添加一条路由,可以放在 demo 路由的 children 里面,复制一份,修改一下路由的 path,换成 admin,再修改一下路由对应的组件,用一下 AmdinComponent 这个组件,注意要在文件顶部导入这个组件。
再打开 DemoComponent 组件的模板文件,在 sidebar 里面,添加一个链接,可以直接复制一份,修改一下链接文字,Admin ,链接的地址是 ./admin 。
预览
回到浏览器,打开 Demo,再打开边栏上的 Admin 链接,现在右边显示的就是 AdminCompoennt 组件的视图。