Question

我有一个可与RouterLink配合使用的应用程序。

这是应用模块中的导入数组：

imports: [
    BrowserModule,
    RouterModule.forRoot([
      {path: '', component: HomeComponent},
      {path:'contact', component: ContactComponent},
      {path: 'about/:id/:name', component: AboutComponent}
    ])

这是app.component.html：

<div>
  <a routerLink="" routerLinkActive="active">Home</a>
  <a routerLink="/contact" routerLinkActive="active"> Contact</a>
</div>
<router-outlet></router-outlet>

在首页上，如果用户单击关于此用户，则应将其重定向到特定用户的“关于”页面：

<div>
  <a [routerLink]="['/about', follower.id, follower.name]">About this user { ... </a>
</div>

但是，当应用加载时，我在控制台上收到此错误： 无法读取未定义的属性'id'

能帮我找出问题所在吗？

Answer 1

按以下方式使用安全导航操作符，

version: '3.1'

services:
    app:
        build: 
            context: ./mgt-dash
        ports:
            - 3000:3000

    node:
        build: 
            context: ./server
        ports:
            - 4000:4000

Answer 2

通过使用？运算符，

检查对象键是否存在：

<div>
   <a [routerLink]="['/about', follower?.id, follower?.name]">About this user { ... </a>
</div>

RouterLink无法正常工作

2 个答案: