Angular 7 Navigate from component to another

Question

How do I navigate from new-contract component to customer-details component?

I tried following on the new-contract component but it keeps navigating to 404.

this.back_url = '/customer/customer-details 
this.router.navigate([this.back_url]);

Pardeep Jain · Accepted Answer · 2019-02-22 09:01:06Z

1

Try this -

this.router.navigateByUrl(/customer/customer-details);

answered Feb 22, 2019 at 9:01

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sivaramakrishnan · Accepted Answer · 2019-02-22 09:03:42Z

0

Use router to navigate between pages. Import the component in the routing module and do like this

this.router.navigate('customer/customer-details')

answered Feb 22, 2019 at 9:03

Sivaramakrishnan

7391 gold badge4 silver badges11 bronze badges

Karan Bains · Accepted Answer · 2019-02-22 09:05:27Z

0

Since you are navigating with url string, you must use Router.navigateByUrl function.

  this.router.navigateByUrl('/customer/customer-details');

answered Feb 22, 2019 at 9:05

Karan Bains

1091 silver badge6 bronze badges

No, There is no point of must here you could use navigate alone as well, but syntax here was wrong