Question

我正在使用Angular 2，当我尝试单击链接时，页面无法加载，但加载栏仍在继续。数据和html未显示在页面中。当我单击“后退”按钮以加载上一页时，要重定向的页面将加载一秒钟，然后返回初始页面。在浏览控制台和服务器控制台中没有显示错误。

编辑：我使用RouteComponent来路由页面。相同的链接似乎适用于其他不同的屏幕，但是在这个特定的场景中，我看到了一个需要修复的问题。当我尝试调试时，我可以看到能够加载的组件具有数据流入，并且在任何时候都不会中断以引发错误。

  myRoutes : Routes = [
      { path: 'displayAuthentic/:authId', component: DisplayAuthenticComponent },
    ];

要在单击链接时导航，

 navigateToAuthDisplay(eventObj: any) {
           this.authId = eventObj.data.authId;
           this.router.navigate(['./displayAuthentic', this.authId]);
 }

这里有任何指针可以解决这个问题。

Answer 1

关于

当我尝试单击链接时，页面无法加载，但加载栏仍在继续...

我不确定，因为没有您的代码很难弄清楚，但是在我看来，您的路由可能配置不正确。如果链接中的路线为/myRoute，请确保您的路线变量中的路线为app-routing.module.ts，并且有该路线的条目

var routes = [
  {
    path: 'myRoute',
    component: MyRouteComponent
  },
...

还要确保您使用了routerLink：

<a  routerLink="/myRoute"> link</a>

编辑

还请记住将此头添加到index.html

<head>
  <base href="/">
 other css and jquery ...
</head>

重定向后页面未加载，但是单击后退按钮会显示页面一秒钟并导航到上一页

1 个答案: