项目视频介绍

船新版本！我愿称之为ant desgin pro2.0，呕心沥血扣细节，重构了主题布局（更加贴近ant design pro），完善表格功能，添加了很多贴心的小功能(完善了表格功能，添加搜索菜单，联系客服等功能)
项目目标：我想把vue-vben-admin的大多数功能搬过来使用ng来实现，这样以后遇到业务就有的参考了。
如果本项目对你有用，如果你愿意的话，麻烦点个star，谢谢啊
if help you, if you want ,please give me a star ,thank you
视频介绍地址项目介绍
online demo地址 demo

禁用严格模式

可以通过在应用程序的 TypeScript 配置文件 tsconfig.json 中设置 strictTemplates: false 来完全禁用严格检查。 https://angular.cn/guide/template-typecheck

路由的key

key需要设置成路由地址最后一个'/'后的字符串，并且要唯一

const routes: Routes = [
  {path: '', data: {key: 'login', shouldDetach: 'no'}, component: LoginFormComponent}
];

模块不需要预加载

export const routes: Routes = [
  {
    path: 'contact',
    loadChildren: import(() => './contact/contact.module').then(m => m.ContactModule),
    data: {
      preload: false
    }
  }
];

模块不需要保存状态

const routes: Routes = [
  {path: '', data: {key: 'login', shouldDetach: 'no'}, component: LoginFormComponent}
];

模块中有类似详情页面需要跳转，必须设置参数如下

relatedLink数组中保存相关联的两个路由，值为每个路由地址最后的/后的字符串

const routes: Routes = [
  {path: 'set-role', component: SetRoleComponent, data: {title: '角色管理', key: 'set-role', relatedLink: ['role', 'set-role']}},
  {path: '', component: RoleManageComponent, data: {title: '角色管理', key: 'role', relatedLink: ['role', 'set-role']}},
];

切换tab调用的临时声明周期如下