angular2-routing

tried to lazy load a module in an angular2 rc. app. This module contains routes itself. The app is trying to lazy load the module on clicking the route it is registered on but immediately throws Error: Uncaught (in promise): Error: Cannot find 'default' in './app/test/test.module' Routes in app are defined like: export const routes: Routes = [ { path: '', component: StartComponent }, { path: 'route1', component: Route1Component }, { path: 'test', loadChildren: './app/test/test.module'}, { path: '**', component: StartComponent } //page not found ]; The TestModule contains following routes:

I have next problem : Cannot read property 'outlets' of null . My project works, but after some time it stopped working, but i didn't change my code. Help me please. Update My component with router-outlet: import { Component } from '@angular/core'; @Component({ selector: 'app', template: ' <nav-menu></nav-menu> <router-outlet></router-outlet> <footer-component></footer-component> ', }) export class AppComponent {} app.module: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouterModule } from '@angular/router'; import {

I am trying to navigate to a specific url using location.go service from typescript function. It changes the url in the browser but the component of the url is not reflected in the screen. It stays on the login (actual) screen - say for eg: constructor(location: Location, public _userdetails: userdetails){ this.location = location; } login(){ if (this.username && this.password){ this._userdetails.username = this.username; this.location.go('/home'); } else{ console.log('Cannot be blank'); } } Is there a compile method or a refresh method I am missing? Yes, for redirecting from one route to

I'm trying to redirect old URLs (links in email templates) from a previous site to another route like this: if (route.url.indexOf('/#/') !== -1) { this.router.navigate(['/my-route']); } However, the navigation gets cancelled with the following reason: Navigation ID 2 is not equal to the current navigation id 3 . Looking at the Angular 2 router source, this happens in the runNavigate method when id !== this.navigationId ( https://github.com/angular/angular/blob/master/modules/@angular/router/src/router.ts#L652 ). I can't find any information about the navigationId property, why this happens and

I'm going to build a full project using angular 2, the project contains admin panel and a front-end web for users. I don't know how to separate admin from the web, should I use routing for this? But this will require me to import all components inside the app.module.ts or there is another way to use two app.module.ts one for the web and one for the admin? Or what should I do? I've built this recently and what I did was simply to split the routes into two different modules. So you'd have this: - +admin - routes - +dashboard - +login - ... etc - +website - routes - +home - +profile - ... etc