thingsboard 新增一个测试菜单页面

您所在的位置：网站首页 › thingsboard二次开发 › thingsboard 新增一个测试菜单页面

thingsboard 新增一个测试菜单页面

2023-06-16 03:49| 来源: 网络整理| 查看: 265

1、在src>app>core>services>menu.service.ts 中写：

{ id: guid(), name: '测试菜单', type: 'link', path: '/npages', icon: 'badge' }, { name: '测试菜单', places: [ { name: '测试菜单', icon: 'view_quilt', path: '/npages', }, ] },

2、cd进入 src>app>modules>home>pages 中写：

创建一个带有路由的文件 ng g module npages --routing 创建基础文件 ng g component npages

3、在src>app>modules>home>pages>npages >npages-routing.module.ts 中写：

import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import {Authority} from '@shared/models/authority.enum'; import {DevicesTableConfigResolver} from '@home/pages/device/devices-table-config.resolver'; import {NpagesComponent} from '@home/pages/npages/npages.component'; const routes: Routes = [ { path: 'npages', data: { breadcrumb: { label: '测试菜单', icon: 'devices_other' } }, children: [ { path: '', component: NpagesComponent, data: { auth: [Authority.TENANT_ADMIN, Authority.CUSTOMER_USER], title: '测试菜单', devicesType: 'tenant' }, resolve: { entitiesTableConfig: DevicesTableConfigResolver } }, ] } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class NpagesRoutingModule { }

【本文地址】

thingsboard 新增一个测试菜单页面

thingsboard 新增一个测试菜单页面

今日新闻

推荐新闻