angular - 在 Angular 中,我可以为两个不同的路径使用相同的模块吗?
问题描述
我在 Angular 8 中实现延迟加载,但被卡在了中间。对于登录和注销,我使用了如下相同的模块。
const myroutes : Routes = [
{path : 'login',loadChildren:()=>import('./login/login.module').then(m=>m.LoginModule)},
{path : 'logout',loadChildren:()=>import('./login/login.module').then(m=>m.LoginModule)},
{path : 'contact',loadChildren:()=>import('./contact/contact.module').then(m=>m.ContactModule)},
{path : 'home',loadChildren : ()=> import('./home/home.module').then(m=>m.HomeModule)},
]
并在 login.module.ts 中使用
const myroutes : Routes = [
{path : '',component : LoginComponent},
{path : 'logout',component : LogoutComponent}
]
包含所有链接的模板如下
<nav class="navbar navbar-expand-sm bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" routerLink="home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="login">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="logout">logout</a>
</li>
</ul>
</nav>
<router-outlet></router-outlet>
但是每当我点击注销链接时,LogoutComponent.ts 总是不会进入登录组件。
可能会发生什么?
解决方案
注销组件的正确路径是登录和注销的串联,因此:
/login/logout
所以你的 routerLink 变成了这样:
routerLink="login/logout"
推荐阅读
- r - 在 R 中加入绝对和相对 URL
- python - 使用 Pygame 加载更新的图像
- php - 当我知道它是正确的时,PHP 脚本说“密码无效”
- xml - 如果值存在于另一个 xml 列表中,则过滤 XML 记录
- android - android - BOOT_COMPLETED 在 android 7.1 及以下版本中不起作用
- python - 无法从网页中获取所有图像
- javascript - 如何在不使用全局变量的情况下使此功能正常工作
- javascript - 使用 Angular Http Headers 发送凭据数据的正确方法是什么?
- bash - 作为文件名输出的变量字符串
- python - 为什么我的函数的第一个版本返回的值与我的函数的第二个版本不同?