角2侧边栏组件导航

侧边栏组件未正确响应，当我浏览内部角2侧边栏组件导航

当我运行从我login.component.ts它关系到仪表板/家onSubmit，“家”的视图工作正常，我的侧边栏组件也加载，但是当我点击侧边栏项目时，routerLink不起作用，也没有下拉。

在我login,component.ts我做了一个简单的身份验证，其成功的时候会去哪个有

onSubmit(values){ 
    this.http.post('/user/authenticate', loginObj) 
     .map((res) => res.json()) 
     .subscribe((res)=> { 
     if(res.success == true){ 
      this.router.navigate(['/dashboard']); 
     } else { 
      .... 
     } 
}

，并在我的dashboard.component.html仪表盘路线

<div id="wrapper" > 
    <app-sidebar ></app-sidebar> 
     <div id="page-wrapper" class="gray-bg"> 
     <app-header></app-header> 
     <router-outlet></router-outlet> 
    </div> 
</div>

但主要问题是，当我导航到这条路线时，我的侧边栏组件不呈现，链接不起作用。我曾尝试甚至ngZone我登录提交

this.zone.run(() => { 
    this.router.navigate(['/dashboard']); 
});

虽然这是我的app.modules.ts

//setting up routes 

const ROUTES = [ 
{ 
    path:'', 
    redirectTo:'login', 
    pathMatch:'full' 
}, 
{ 
    path:'login', 
    component:LoginComponent 
},{ 
    path:'dashboard', 
    component:DashboardComponent, 
    children:[ 
{ 
    path:'contacts', 
    component:ContactsComponent 
},{ 
    path:'home', 
    component:HomeComponent, 
}] 
}];

和我app.component.ts

<router-outlet></router-outlet>

但它甚至没有工作，我已经尝试了很多解决方案，并检查网页，找不到正确的答案。问题是我的侧边栏组件不起作用

预期的行为

我想，当我在内部浏览到我的仪表盘的路线，我的组件应该正常工作和响应。

来源

2017-07-26 Moeid Saleem Khan

不幸的是，你没有发布你的组件代码。我假设http post是来自您的登录组件。我相信这个问题是你的位置<router-outlet></router-outlet>。它应该放在你有this.router.navigate(['/dashboard']);的组件的html中。在你的情况下，登录组件。

来源

2017-07-26 19:17:17 Rama

请检查上面的更新的代码，我的侧边栏组件不加载routerLink当我点击netiher下拉作品，但通常当网站重新加载它工作正常， –

不知道我明白这里的确切问题。你可以用你的代码创建一个plunker吗？ – Rama

把侧边栏组件内这个脚本...然后尝试加载..

ngOnInit() { 
    $(document).ready(() => { 
     const trees: any = $('[data-widget="tree"]'); 
     trees.tree(); 
    }); 
    }

来源

2018-02-26 14:50:15

虽然它可能会回答这个问题，但您应该在答案中加上解释。有什么问题？你的答案如何解决问题？ –

我的侧边栏存在的问题是...该页面需要重新加载才能正常工作边栏... 之前点击侧边栏部分项目时，它并未打开其小节...页面需要重新加载 –

角2侧边栏组件导航

回答

相关问题