Question

139

Redirect within component Angular 2

rated 0 times [ 142] [ 3] / answers: 1 / hits: 124258 / 9 Years ago, thu, october 1, 2015, 12:00:00

I have a simple method that at the end of it I want to redirect to another component:

export class AddDisplay{

  display: any;



  addPairTo(name: string, pairTo: string){

    this.display = {};

    this.display.name = name;

    this.display.pairTo = pairTo;



  }

}

What I wanna do is at the end of the method redirect to another component:

export class AddDisplay{

  display: any;



  addPairTo(name: string, pairTo: string){

    this.display = {};

    this.display.name = name;

    this.display.pairTo = pairTo;



    this.redirectTo('foo');

  }

}

How do I achieve this in Angular 2?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tristab

Add To Favorites

Follow

Total Points: 735

Total Questions: 106

Total Answers: 96

Location: Grenada

Member since Sun, Dec 20, 2020

3 Years ago

tristab questions

1 How to use the new Webpack devServer configuration?

Sat, Sep 25, 21, 00:00, 3 Years ago

1 Discord.JS get member from user ID

Sun, Jan 31, 21, 00:00, 3 Years ago

1 React: Passing Props not working. What am I missing?

Wed, Dec 2, 20, 00:00, 4 Years ago

1 How can i extract vowels in a Javascript String?

Fri, Oct 23, 20, 00:00, 4 Years ago

1 Jest encountered an unexpected token when testing a Vue single file component

Sat, May 23, 20, 00:00, 4 Years ago

View All

answered 9 Years ago ednakarolinal · Accepted Answer

first configure routing

import {RouteConfig, Router, ROUTER_DIRECTIVES} from 'angular2/router';

and

@RouteConfig([

  { path: '/addDisplay', component: AddDisplay, as: 'addDisplay' },

  { path: '/<secondComponent>', component: '<secondComponentName>', as: 'secondComponentAs' },

])

then in your component import and then inject Router

import {Router} from 'angular2/router'



export class AddDisplay {

  constructor(private router: Router)

}

the last thing you have to do is to call

this.router.navigateByUrl('<pathDefinedInRouteConfig>');

or

this.router.navigate(['<aliasInRouteConfig>']);