angular-routing

My Angular app is all of a sudden not calling ngOnInit() after router.navigation() which means my components do not load correctly. I thought it may have been due to some changes I made but reverting the changes did not resolve the issue. Example where normal navigation causes component not to load correctly; This page is navigated to by the following code listing: this.router.navigate(['/result', this.params.data._id]); : Reloading the page, the component is loaded correctly: Here are some of my code listings, app.module.ts @NgModule({ imports: [ BrowserModule, FormsModule, AppRoutingModule,

After reading a ton of write-ups and stackoverflow questions on Angular.js route, I'm still getting the 'Not Found' error when I do a manual refresh. Steps: browse to localhost --> because of my configuration (below), I'm taken to localhost/home . Views and everything load fine. hit refresh in the browser --> browser displays this Not Found: the requested /home is not found on this server This question is probably most like Refreshing page gives "Page not found" My configuration // Routing configuration. angular.module('myModule') .config(['$routeProvider', '$locationProvider', function (

Duplicate header issue occurs, while using the <router-outlet></router-outlet> in the AppComponent Template. I'm using 'angular 2.0.0-rc.6' and 'router 3.0.0-rc.1' Does anyone have any idea, why is this happening? Brandyn Bayes The application is showing two headers on start because your default path is set to be your AppComponent, which has the header included. That path is shown inside of another AppComponent, which you started in your app.module.ts in the bootstrap field. You can resolve this by replacing your default path with another component. Please also make sure to upgrade your

Is there some way to get this kind of url in Angular 2? http://www.domain.com/the-route?param[]=value1&param[]=value2&param[]=value3 I'm trying to do it like it should be, using queryParams with the Router , but as queryParams accepts an Object I can't do this: this.router.navigate(['/the-route'], queryParams: { 'param[]': 'value1', 'param[]': 'value2', 'param[]': 'value3' }); Because, of course, I can't use the same name ( param[] ) several times in the Object I'm struggling how to do this, but can't find a way I've seen this post: Angular 2 pass array to router queryString . But there are no

Background: Let's suppose for the sake of argument that you have 100,000 views (partials). Let's also suppose you have accompanying view-scoped controllers, and potentially view-scoped services and filters as well. Try to envision an aggregating application that hosts 100,000 disparate small applications. Issue: When you have "partials" that require accompanying controllers, the typical solution is to do something like this: $routeProvider.when('/app1', { templateUrl: 'partials/view1.html', controller: 'controller1' }); The controller is typically loaded from index.html via: <script src="js

I'm creating a unit test for my Navbar Component and I'm getting an error: Can't bind to 'routerLink' since it isn't a known property of 'a' Navbar Component TS import { Component } from '@angular/core'; import { Router } from '@angular/router'; import { NavActiveService } from '../../../services/navactive.service'; import { GlobalEventsManager } from '../../../services/GlobalEventsManager'; @Component({ moduleId: module.id, selector: 'my-navbar', templateUrl: 'navbar.component.html', styleUrls:['navbar.component.css'], providers: [NavActiveService] }) export class NavComponent { showNavBar: