使用本项目遇到问题,可以加入376065816 qq群号与我沟通。
如果本项目对您有用,麻烦帮我点个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需要设置成路由地址最后一个'/'后的字符串,并且要唯一
const routes: Routes = [
{path: '', data: {key: 'login', shouldDetach: 'no'}, component: LoginFormComponent}
];
enum EquipmentWidth {
xs, // (max-width: 575.98px)
sm, // (min-width: 576px) and (max-width: 767.98px)
md, // (min-width: 768px) and (max-width: 991.98px)
lg, // (min-width: 992px) and (max-width: 1199.98px)
xl, // (min-width: 1200px) and (max-width: 1599.98px)
xxl // (min-width: 1600px)
}
使用方式
constructor(private windowsWidthService: WindowsWidthService) {
}
this.windowsWidthService.getWindowWidthStore().pipe(takeUntil(this.destory$)).subscribe(res => {
this.currentEquipmentWidth = res;
this.cdr.markForCheck();
})
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']}},
];
relatedLink数组中保存相关联的两个路由,值为每个路由地址最后的/后的字符串
_onReuseInit: () => void;
_onReuseDestroy: () => void;
直接在目标组件中写出方法名为_onReuseInit或者_onReuseDestroy的方法即可实现
MIT