Я реализован вложенная маршрутизация в моем приложении. когда загрузки приложения, его шоу входят в экран после входа в систему его перенаправление к администраторской странице, где дальнейшие дочерние маршруты существуют как пользователь, продукт, API и т.д. теперь, когда я перемещаюсь администратору по нему byddefault, загружают пользовательский экран, но далее
не работа и его шоу эта ошибка. Error: Uncaught (in promise): Error: Cannot match any routes: 'product'
После Нажимают Product, который это показывает этому
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]);
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';
@Component({
selector: 'demo-app',
template: `
`,
directives: [ROUTER_DIRECTIVES]
})
export class AppComponent { }
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)
];
import { Component } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl:'../app/layouts/login.html'
})
export class HomeComponent { }
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 { }
В моем случае iframe
со связанным src
пытался получить хост/пустой указатель (когда значение связанной переменной было нулевым). Добавление *ngIf
к нему помогло.
я изменился:
<iframe [src]="iframeSource"></iframe>
к
<iframe [src]="iframeSource" *ngIf="iframeSource"></iframe>
Это май быть полезным:
//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 помогают кому-то там.
если это происходит с кем-либо теперь в угловых 8, я удалил ошибку путем добавления '/'before маршрут, и это работало как требуется.