angular2-routing

So the basic story... At the top of this SPA is a 'top-bar' component, and inside that component is a search-bar component. Now - there are a few 'landing pages' where we want to turn this search-bar component off. I understand the process of using this through a service (since the 'landing pages' in question aren't directly connected to the search-bar component. And in and of itself - I had this working... The problem comes from the fact that if you land on one of these landing pages, and this search-bar gets turned off... If you leave the whole section and go to a different area that needs

I am facing an issue with the Angular2 router and an async pipe. I am trying to render an RxJs Observable and the data does not render automatically. One has to click on the link for the route for the data to render. Here is the root app: import {bootstrap} from 'angular2/platform/browser'; import {HTTP_PROVIDERS} from 'angular2/http'; import {ROUTER_PROVIDERS} from 'angular2/router'; import {AppComponent} from './app.component.ts'; bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS]); Here is the root component: import {Component} from 'angular2/core'; import {RouteConfig, ROUTER

I have a test app build with angular 2, I have successfully applied one animation between route change state('default', style({ opacity: 1, transform: 'scale(1) translateY(0)' })), transition('void <=> default', [ style({ opacity: 0, transform: 'scale(.9) translateY(-20px)' }), animate('.2s') ]) But I also want a different animation when a list page change to an item page, like click a hero inside a hero-list, so I did this state('childActivate', style({ opacity: 1, transform: 'scale(1) translateY(0)' })), transition('childActivate => void', [ animate('1.2s', style({ transform: 'scale(0.9)

I'm trying to inject ActivatedRoute component into my component to access the ID of the object I'm editing (or to find out, there's no ID param, new object is created). I've created only the template for the component, and when I load start page (not event the page with the component I want to use) I get the following error: Error: (SystemJS) Can't resolve all parameters for ActivatedRoute: (?, ?, ?, ?, ?, ?, ?, ?). This is my code: import { Component, OnInit } from '@angular/core'; import { ActivatedRoute} from "@angular/router"; @Component({ selector: 'my-edit', templateUrl: './templates/my

After upgrading to Angular 2 RC5 (from RC4) it seems I can no longer inject ActivatedRoute into my components. ORIGINAL EXCEPTION: No provider for ActivatedRoute! Here's the relevant piece of code: import { Component } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; declare var module: { id: string; }; @Component({ moduleId: module.id, selector: 'mds-app', templateUrl: 'app.component.html', styleUrls: [ 'app.component.css' ], directives: [] }) export class AppComponent { constructor(private _route: ActivatedRoute) { this._route.params.subscribe(params => console.log(

I'm having an issue with my routing that I'd need a little help with. Originally I had all my routing in a single app.routing.ts file. I'm currently refactoring my routes into a files to accompany their corresponding feature modules to be lazily loaded. One lazily loaded feature module utilizes a secondary aux router outlet. Here is my code.... original : app.routing.ts const appRoutes: Routes = [ { path: 'settings', component: SettingsComponent, children: [ { path: '', redirectTo: '/settings/(settings:user)', pathMatch: 'full' }, { path: 'user', component: SettingsUserComponent, outlet: