Angular 角5路由器不工作

我正在尝试实现一个图标上的链接。我在

内容工具栏.component.html

上有这篇文章：

    <span>
      <a routerLink="/main" routerLinkActive="active" ng-reflect-router-link="/main">
        <img src="/assets/icons/logo_white.svg" class="logo">
      </a>
    </span>
    <router-outlet></router-outlet>

在

content toolbar.module.ts

中，并在

imports

数组中声明它。在

content toolbar.component.ts

中，我正在导入以下内容：

import { Router } from '@angular/router';

我做错了什么

编辑 虽然检查了我得到的元素

<span>
  <a routerlink="/main" routerlinkactive="active">
    <img class="logo" src="/assets/icons/logo_white.svg">
  </a>
</span>

您是否尝试过：

<span>
      <a [routerLink]="['/main']">
        <img src="/assets/icons/logo_white.svg" class="logo">
      </a>
    </span>

我发现TS文件声明我的

内容工具栏

在导入数组

路由模块

（角度模块）和

主路由

（指向“/main”的自定义模块）中没有。解决此问题后，它的工作方式与前面所述的注释类似

什么不起作用？好吧，对于初学者来说，您永远不应该自己编写

ng reflect-*

属性。@即使单击我要使用的徽标，它也不会将我重定向到指定的URL。我的光标甚至没有改变指针。您能给我们看一下您必须在

RouterModule.forRoot

方法中声明的

Route[]

吗？您定义了路由吗？如

/main

将导致组件xyz？嗨！你能回答这个问题并进一步解释为什么你会提出这个建议吗？因为

上的非指令属性
routerLink
？如果你没有传递数组，你不需要用
[]
环绕
routerLink
，所以这不是问题，他的代码适用于静态url:
routerLink=“/main”
    import { NgModule } from '@angular/core';
    import { RouterModule } from '@angular/router';

    import { MainComponent } from './main.component';
    import { AccountMainComponent } from '../account-main/account-main.component';
    import { AuthGuard } from '../common/_guards/auth.guard';
    import { FinancialAccountsComponent } from '../financial-accounts/financial-accounts.component';
    import { ConfigSysComponent } from '../config-sys/config-sys.component';
    import { ConciliacaoContabilComponent } from '../conciliacao-contabil/conciliacao-contabil.component';
    import { ReportComponent } from '../report/report.component';


    @NgModule({
      imports: [
        RouterModule.forChild([
          { path: 'main',
            component: MainComponent,
            canActivate: [AuthGuard],
            children: [{ path: '', component: AccountMainComponent },
            { path: 'financial-accounts', component: FinancialAccountsComponent },
            { path: 'system-config', component: ConfigSysComponent },
            { path: 'conciliacao', component: ConciliacaoContabilComponent },
            { path: 'report', component: ReportComponent },
          ]}
        ])
      ]
    })
    export class MainRouting { }

<span>
      <a [routerLink]="['/main']">
        <img src="/assets/icons/logo_white.svg" class="logo">
      </a>
    </span>