angular2-routing

I have an app that has a base router-outlet that is used as a base for the entire app. then a child router-outlet that is used once a user is logged in to display any components loaded as a result of clicking on a navigation link clicked that is based in the base router-outlet. I want to be able to target the child router-outlet when a navigation link is clicked in the base template. When I click on a nav item in the base template, it loads the component in the base router-outlet. That makes good sense to me. I would like to know how I can click a nav item in the base template and have the

I am using Angular CLI. Please check my CLI info @angular/cli: 1.2.1 node: 6.10.0 os: win32 x64 @angular/animations: 4.1.1 @angular/common: 4.0.0 @angular/compiler: 4.0.0 @angular/compiler-cli: 4.0.0 @angular/core: 4.0.0 @angular/forms: 4.0.0 @angular/http: 4.0.0 @angular/platform-browser: 4.0.0 @angular/platform-browser-dynamic: 4.0.0 @angular/router: 4.1.1 When I use ng serve --aot I am getting the following error. Last few GCs 893427 ms: Mark-sweep 1344.1 (1434.3) -> 1339.9 (1434.3) MB, 925.7 / 0.0 ms [allocation failure] [GC in old space requested]. 894468 ms: Mark-sweep 1339.9 (1434.3) ->

Is there a parameter to provide to the router so that router.navigate() will open in a new tab/window in browser? Create routes just like instructed here . Set up your app-routing.module.ts ( or just put it in app.module.ts ), place the <router-link> in your app.component.html . Now, to open a new window from the main page, ( or whatever sub-routes you have created ) just call a function, handled in the main component, that will point to the url of the sub-component route that you setup for the new window. Example snippits: app-routing.ts import { NgModule } from '@angular/core'; import {

I'm totally new to any JS framework. Just started learning Angular 2. I'm doing some basic app for internship. From angular app I post name to Java controller, that get's info needed and sends it back. Basically fun happens when name is 'Dave' or 'Hal'. All looks fine, but when I run server and try to get to my app, I get EXCEPTION: Error: Uncaught (in promise): Can't resolve all parameters for RouterOutlet: (RouterOutletMap, ViewContainerRef, ?, name). As far as I can tell from documentation, the missing parameter is componentFactoryResolver . How to get rid of this error and run it all

When a component is injected with RouteSegment, just providing the RouteSegment in the test is not enough: component.ts: export class ComponentToTest { private param: string; constructor(routeSegment: RouteSegment) { this.param = routeSegment.getParam('param'); this.getData(); } } component.spec.ts: import {Router, RouteSegment} from '@angular/router'; import {it, inject, beforeEachProviders} from '@angular/core/testing'; import {ROUTER_FAKE_PROVIDERS} from '@angular/router/testing'; import {ComponentToTest} from './component'; describe('ComponentToTest', () => { beforeEachProviders(() => [

I am trying to lazy load module with child routes declared in it's routing configuration file, The lazy module loaded successfully but I can't navigate to it's child routes. I am using the technique as if it were a eagerly loaded module. I declared path and inside it it's children. Please see 'moduleB' routing file in the Plunker The link button is trying to navigate to the child route and load CmpC. but it fails. Here is my root module routing decalration: { path: 'feature-b', loadChildren:'src/featureB/featureB.module#FeatureBModule' , pathMatch: 'full'} Here is my lazy loaded module routing