typescript – 错误:未捕获(承诺):错误:无法匹配任何路线Angu
发布时间:2020-12-17 08:06:39 所属栏目:安全 来源:网络整理
导读:错误 我在我的应用程序中实现了嵌套路由。当应用程序加载其显示登录屏幕后登录其重定向到管理页面,其他子路由存在像用户,产品,api等现在当我导航到管理它byddefault加载用户屏幕,但进一步 routeLinks不工作,它显示这个错误。 错误:未捕获(承诺):错误
错误
我在我的应用程序中实现了嵌套路由。当应用程序加载其显示登录屏幕后登录其重定向到管理页面,其他子路由存在像用户,产品,api等现在当我导航到管理它byddefault加载用户屏幕,但进一步< routeLinks>不工作,它显示这个错误。 点击产品后显示 代码主要 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: ` <div class="outer-outlet"> <router-outlet></router-outlet> </div> `,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: `<h3>user</h3>` }) export class AboutHomeComponent { } @Component({ selector: 'about-item',template: `<h3>product</h3>` }) export class AboutItemComponent { } @Component({ selector: 'app-about',templateUrl: '../app/layouts/admin.html',directives: [ROUTER_DIRECTIVES] }) export class AboutComponent { }
我认为你的错误在于你的路线应该是产品而不是产品。
所以更多的东西像 children: [ { path: '',component: AboutHomeComponent },{ path: 'product',component: AboutItemComponent } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- Shell脚本的书写规范与优秀的开发习惯
- axis2开发webservice之编写Axis2模块(Module)
- 输出执行操作和打印日志的shell脚本实例
- 利用 Bootstrap 进行快速 Web 开发
- AngularJS中获取ng-repeat动态生成的ng-model值
- java-Docker容器阻止中的Apache Batik转码器
- angularjs – 如何使用Angular Js声明一个全局变
- 从“Scala in Action”中输入投影示例(第8章)
- scala – Spark配置:SPARK_MEM与SPARK_WORKER_M
- WebService之Axis2快速入门(2): 传递复合类型的数
热点阅读