Angular 5 Router не работает - PullRequest
Новая
       6

Angular 5 Router не работает

0 голосов
/ 07 мая 2018

Я пытаюсь реализовать ссылку на иконку. У меня есть этот кусок на content-toolbar.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>

И я импортирую 

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

в content-toolbar.module.ts и объявлении его в массиве imports. На content-toolbar.component.ts я импортирую это: 

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

Что я делаю не так?

EDIT Хотя осматривая элемент я получаю 

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

Оказывается, это изображение еще не кликабельно.

Вот мой main.routing.ts: 

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

Ответы [ 2 ]

0 голосов
/ 16 мая 2018

Я обнаружил, что файл TS объявляет, что мои content-toolbar не имеют массивов импорта RouterModule (угловой модуль) и MainRouting (пользовательский модуль, ведущий к '/ main'). После того, как это было решено, это работало как комментарии выше, заявленные ранее

0 голосов
/ 07 мая 2018

Вы пробовали: 

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