कोणीय 2 - पेज लोड पर कई इतिहास प्रविष्टियां

Question

जब मैं एक नई ब्राउज़र विंडो में अपना कोणीय 2 ऐप खोलता हूं तो मुझे ब्राउज़र पृष्ठ इतिहास में 10 प्रविष्टियां मिलती हैं। इस रूटर में सूचीबद्ध किसी भी पृष्ठ पर और कोई पृष्ठ निर्दिष्ट (यानी http://localhost:8080 या http://localhost:8080/survey आदि)

const routes: Routes = [ 
    {path: 'survey', component: SurveyComponent, canActivate: [AuthGuard]}, 
    {path: 'survey/:id', component: SurveyComponent, canActivate: [AuthGuard]}, 
    {path: '', component: HomeComponent}, 
    {path: 'about', component: AboutComponent}, 
    {path: 'terms', component: TermsAndConditionsComponent}, 
    {path: 'map', component: MapComponent}, 
    {path: 'what-next', component: WhatNextComponent}, 
    {path: 'contact', component: ContactComponent}, 
    {path: '**', redirectTo: '', pathMatch: 'full'}, 
]; 

मैं उपयोग कर रहा हूँ रूटर 3.1.2

"@angular/router": "3.1.2", 

मैं के साथ होता है पिछले साल मार्च से similar question मिला लेकिन उत्तर का दावा है कि इसे पहले से ही कोणीय के कोड में हल किया गया था।

अद्यतन के रूप में अनुरोध किया है, यहाँ

import {Injectable} from '@angular/core'; 
import {AuthenticationService} from '../_services/index'; 
import {LoginModalService} from "../login_modal/login_modal.service"; 
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot} from '@angular/router'; 
import {Observable} from 'rxjs/Observable'; 

@Injectable() 
export class AuthGuard implements CanActivate { 

    constructor(private authentication: AuthenticationService, private loginModalService: LoginModalService) { 
    } 

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { 
     if (this.authentication.isAuthenticated()) { 
      return Observable.of(true); 
     } else { 
      this.loginModalService.toggleVisable(state.url); 
      return Observable.of(false); 
     } 
    } 
} 

Answer 1

मैं एक ऐसी ही स्थिति थी और मैं आलसी लोड हो रहा है मार्गों यही है आप में विज्ञापन मार्ग अलग मॉड्यूल के लिए मार्गों को अलग कर सकते द्वारा इसे हल AuthGuard कोड है मुख्य मार्ग में थी

की तरह मुख्य मार्ग लोड

 { 
     path: 'dashboard', 
     component: DashboardComponent, 
     }, 
     { 
     path: 'user', 
     loadChildren: 'app/user/user.module#UserModule', //in user module 
     }, 

अतः inthe उपयोगकर्ता मॉड्यूल आप

@NgModule ({ 
    imports: [ 
    userRoutingModule //contains my user module routes 
    ] , 

}) 
export class UserModule { 

} 

है तो उपयोगकर्ता मार्ग मॉड्यूल

const userRoutes: Routes = [ 
     { path: '', component: UserComponent}, 
    ]; 

@NgModule({ 
    imports: [ 
    RouterModule.forChild(userRoutes) 
    ], 

    exports: [RouterModule], 
    providers: [] 
    }) 
export class userRoutingModule { } 

thats कैसे मैं अपने समस्या हल हो जाती है, मुझे आशा है कि इस मदद करता है।

एनबी:

import.forRoot को इस मामले में यह सुनिश्चित करें कि रूट मॉड्यूल में (probly एप्लिकेशन मॉड्यूल आप उपयोगकर्ता मॉड्यूल आयात)

@NgModule({ 
    declarations: [ 
    ], 

    imports: [ 

    UserModule, //in your case maybe use survey module 

    ], 

    }) 

    export class AppModule {} //this is in my root module