Ошибка: Непойманный (в обещании): Ошибка: не Может соответствовать никаким маршрутам Угловые 2

Ошибка

Я реализован вложенная маршрутизация в моем приложении. когда загрузки приложения, его шоу входят в экран после входа в систему его перенаправление к администраторской странице, где дальнейшие дочерние маршруты существуют как пользователь, продукт, API и т.д. теперь, когда я перемещаюсь администратору по нему byddefault, загружают пользовательский экран, но далее не работа и его шоу эта ошибка. Error: Uncaught (in promise): Error: Cannot match any routes: 'product'

enter image description here

После Нажимают Product, который это показывает этому enter image description here

Код main.ts

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { APP_ROUTER_PROVIDERS } from '../app/app.routes';
import { AppComponent } from '../app/app.component';

bootstrap(AppComponent, [APP_ROUTER_PROVIDERS]);

app.component

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'demo-app',
  template: `

    
`, directives: [ROUTER_DIRECTIVES] }) export class AppComponent { }

app.routes

import { provideRouter, RouterConfig } from '@angular/router';

import { AboutComponent, AboutHomeComponent, AboutItemComponent } from '../app/about.component';
import { HomeComponent } from '../app/home.component';

export const routes: RouterConfig = [
  { 
    path: '', 
    component: HomeComponent
   },
  {
    path: 'admin',
    component: AboutComponent,
    children: [
      { 
        path: '', 
        component: AboutHomeComponent
       },
      { 
        path: '/product', 
        component: AboutItemComponent 
      }
    ]
  }
];

export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

home.component

import { Component } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl:'../app/layouts/login.html'
})
export class HomeComponent { }

about.component

import { Component } from '@angular/core';
import { ActivatedRoute, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
  selector: 'about-home',
  template: `

user

` }) export class AboutHomeComponent { } @Component({ selector: 'about-item', template: `

product

` }) export class AboutItemComponent { } @Component({ selector: 'app-about', templateUrl: '../app/layouts/admin.html', directives: [ROUTER_DIRECTIVES] }) export class AboutComponent { }
60
задан 29 June 2016 в 11:44

3 ответа

В моем случае iframe со связанным src пытался получить хост/пустой указатель (когда значение связанной переменной было нулевым). Добавление *ngIf к нему помогло.

я изменился:

<iframe [src]="iframeSource"></iframe>

к

<iframe [src]="iframeSource" *ngIf="iframeSource"></iframe>
0
ответ дан 1 November 2019 в 10:37

Это май быть полезным:

//I personally prefer dynamic import (angular 8)
{ path: 'pages', loadChildren: () => import('./pages/pages.module').then(mod => mod.PageModule) }

В ребенке, направляющем его, должен быть похожим: { path: 'about', component: AboutComponent },

Примечание, что нет никакого pages в пути дочерней маршрутизации и в routerLink или nsRouterLink, она должна быть похожей routerLink="/pages/about"

, я надеюсь, что thi помогают кому-то там.

0
ответ дан 1 November 2019 в 10:37

если это происходит с кем-либо теперь в угловых 8, я удалил ошибку путем добавления '/'before маршрут, и это работало как требуется.

-1
ответ дан 1 November 2019 в 10:37

Другие вопросы по тегам:

Похожие вопросы: