Not able to navigate to another Component - Angular

Question

I have 3 component from 1st moving to 2nd. But from 2nd I am not able to navigate 3rd component.

Name showing only hyperlink but when clicking nothing happens.

This is 2nd component code

<table>
<tr *ngFor="let lst of devices; let i = index" border="1">
  <td>{{lst.DeviceId}}</td>
  <td>{{lst.LastJobStatus}}</td>
  <td> <a routerLink="deviceapps">{{lst.Name}}</a> </td>
</tr>
</table>

App-routing.module.ts class

const routes: Routes = [
  { path: 'devicelist/:id', component: DeviceListComponent } ,
  {path: 'deviceapps',component: DeviceAppsComponent}
];

3rd component code

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router, ParamMap } from '@angular/router';

@Component({
  selector: 'app-device-apps',
  templateUrl: './device-apps.component.html',
  styleUrls: ['./device-apps.component.css']
})
export class DeviceAppsComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

Is it the same with that ? <a [routerLink]="['/deviceapps']">Name</a> — Emilien
– Emilien, Commented Jan 23, 2020 at 9:27
@SameerKhan - Cannot match any routes. URL Segment: 'devicelist/96/deviceapps' — Arvind Chourasiya
– Arvind Chourasiya, Commented Jan 23, 2020 at 9:29

Roy · Accepted Answer · 2020-01-23 09:49:13Z

2

It looks like you are using relative paths inside, so try to write absolute routing like:

<a [routerLink]="'/deviceapps'">{{lst.Name}}</a>

edited Jan 23, 2020 at 9:49

Roy

8,1295 gold badges29 silver badges49 bronze badges

answered Jan 23, 2020 at 9:31

StepUp

38.5k16 gold badges95 silver badges159 bronze badges

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

Comments

JohnMathew · Accepted Answer · 2020-01-23 09:36:07Z

1

Use square bracket

 <a [routerLink]="'/path'">
    {{lst.Name}}
 </a>

answered Jan 23, 2020 at 9:36

JohnMathew

5282 gold badges6 silver badges25 bronze badges

Collectives™ on Stack Overflow

Not able to navigate to another Component - Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related