无法导航到另一个组件 - Angular

Question

我有 3 个组件，从第一个移动到第二个。但是从第二个开始，我无法导航第三个组件。

Name 仅显示超链接，但单击时没有任何反应。

这是第二个组件代码

<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}
];

第三个组件代码

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() {
  }

}

Answer 1

看来你里面用的是相对路径，所以尽量写成绝对路由：

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

Answer 2

使用方括号

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

Answer 3

请像这样更改您的代码！

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

无法导航到另一个组件 - Angular

Not able to navigate to another Component - Angular

routerlink

angular