angular2-routing

When i put an anchor element in someweher in a angular 2 Component like this, <a [routerLink]="['/LoggedIn/Profile']">Static Link</a> everything is working fine. When clicking the link, the angular router routes me to the target component. Now i would like to add the same link dynamically. Somewhere in my app i have a "notification component", which single responsibility is to display notifications. The notifications component does something like this: <div [innerHTML]="notification.content"></div> where notification.content is the string variable in the NotificationComponent class, and

The documentation is not very good, but I am trying to have different router outlets on the same page/route. I have this in my app.component.html <router-outlet></router-outlet> <router-outlet name="dashboard"></router-outlet> My app.routes.ts { path: '', component: HomeComponent, outlet: 'primary' }, { path: '', component: DashboardComponent, outlet: 'dashboard' }, { path: '**', redirectTo: '404' } So on my startpage (i.e "example.com", not "example.com;dashboard:dashboard") I want to show the Homecomponent in the primary router outlet and my Dashboardcomponent in the Dashboard outlet. That

I just recently started diving into Angular 4 coming from Angular 1.5. I'm working with user routes and pulling API data from a service into a user component. The component seems to stay static unlike controllers in 1.* where they were refreshed on each request. Is there anyway to have the ngOnInit function called on each new route request? My user component class: // url structure: /user/:id export class UserComponent implements OnInit { constructor(private route: ActivatedRoute) {} ngOnInit() { // doesn't log new id on route change let id = this.route.snapshot.params['id']; console.log(id);

My component shows up but i get an error message when the page is loaded. I can't seem to solve the error message at all after looking at a bunch of resources. Error EXCEPTION: Error: Uncaught (in promise): Cannot match any routes. Current segment: 'index.html'. Available routes: ['/login']. main.component.ts is in index.html and as soon as the page loads it shows the above error message. import { Component } from '@angular/core'; import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router'; import { LoginComponent } from './login/login.component'; @Component({ selector: 'main

I have Pageview tag in Google Tag Manager that tracks SPA pageviews, identical to the one described in this guide . Basically it is Universal Analytics with linked Google Analytics ID that is triggered on History Change (at some point All Pages trigger was also added with no success). In my current app GTM skips Pageview tag on initial pageviews on all routes that don't have async resolvers. Usually the routes fire the tag sometimes (1 of 5 times), this may vary a bit depending on conditions (cached vs uncached, localhost vs production). On the routes that have resolvers with long durations (>

I want to load routes for the @RouteConfig Dynamically from a service which fetches in format JSON, [ { "path" : "/about" , "name" : "About" , "component" : "AboutComponent" }, { "path" : "/contact" , "name" : "Contact" , "component" : "ContactComponent" } ] Following is the code for pushing it into the RouteDefinition Array, for (let i = 0; i < data.length; i++) { //console.log(data[i].path+" "+data[i].name+" "+data[i].component); this.routeConfigArray.push({ //routeConfigArray : RouteDefinition 'path': data[i].path, 'name': data[i].name, 'component': data[i].component }); this._router.config

I start a timer in an Angular 2 component which is inside a router outlet. setInterval(() => { ... }, 10000); When I leave the route in which the component is embedded the timer isn't quit. How can I achieve that? This should do it: routerOnActivate() { this.timer = setInterval(()=>{ ... }, 10000); } routerOnDeactivate() { clearInterval(this.timer); } You could clear the interval from this hook. Mine is controlled from the component/view. export classTestInterval implements OnInit, OnDestroy{ public timerInterval:any; ngOnInit(){ // Need interval scope in the component could be from somewhere