angular2-routing

The following code works: /*app.module.ts*/ import { NgModule } from '@angular/core'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { LetterRecall } from './letterRecall/letterRecall.component'; @NgModule({ imports: [BrowserModule, HttpModule], declarations: [AppComponent, LetterRecall], bootstrap: [AppComponent], }) export class AppModule {} /*app.component.ts*/ import {Component} from '@angular/core'; @Component({ selector: 'my-app', templateUrl: 'app/app.component.html' }) export class AppComponent { } /*app.component.html*/ <h3>Title</h3

I face issue in formGroup . First Based on URL I take some value and call to API for retrieve particular user-data for pre-field text. register.html <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal"> <div class="form-group row"> <label for="inputEmail3" class="col-sm-4 ">Username</label> <div class="col-sm-8"> <input [formControl]="email" type="text" class="form-control" id="inputEmail3" placeholder="Email Address" [readonly]="isReadOnly"> </div> </div> </form> register.component.ts import { Component } from '@angular/core'; import { FormGroup, AbstractControl,

I start my angular app's index.html file at /app/123 and want to redirect to the controller handling /app with 123 to retain the information about what was queried initially. How can this be accomplished? You have several choices: 1) You can retain information on a route using query parameters. That allows you to pass the same parameters back and forth between components. 2) Alternatively, you can build a service to hold onto your shared data. Services are a great way to hold onto data for your application. (But PLEASE don't use BehaviorSubject. It is completely unnecessary in most scenarios.)

I'm still new to Angular 2 and was wondering if there is a way to let a component 'fly in' and let another component 'fly out' when switching routes. Let's say I have 2 components: Test1Component and Test2Component and 2 routes pointing to each of them. What would be the best way to do it? https://github.com/angular/angular/issues/9845#issuecomment-235799008 RC5 will hopefully be out this week, if not then next week. For now (with RC5) you will need to do this for every component that is routed to and you want to add animations to: @Component({ host: { '[@routeAnimation]': 'true' }, animations

Angular2 lazy loading a route issue. I'm using Angular2, typscript, html5 and systemjs. I'm trying to get lazy loading working for one of my basic routes. This is the blog I'm following but I can't seem to get it working: http://blog.angular-university.io/angular2-ngmodule/ This is the console error I get: Uncaught (in promise): Error: Cannot match any routes. URL Segment: '500' My page is the 500 page. Below I have added my files at there current state. Module for 500 page: import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { Component500 } from '