【问题标题】:Error Can't resolve all parameters for setupRouter错误无法解析 setupRouter 的所有参数
【发布时间】:2017-01-10 07:01:33
【问题描述】:

我收到错误“在为路由创建基本应用程序时无法解析 RouteParams 的所有参数”

下面是我的 app.module.ts 文件的样子

import { NgModule }       from '@angular/core';
import { BrowserModule }  from '@angular/platform-browser';
import { FormsModule }    from '@angular/forms';
import { HttpModule }    from '@angular/http';


import { App } from './app';
   import { routing } from './components/appRouting/app.routing';
   import { LoginComponent } from './components/login/loginComponent';
   import {SliderMenuComponent} from './components/sliderMenu/sliderMenuComponent';

      @NgModule({
       imports: [
         BrowserModule,
         FormsModule,
         routing,
         HttpModule
       ],
       declarations: [App,LoginComponent,SliderMenuComponent],
       providers: [],
       bootstrap: [App]
     })
     export class AppModule { }

我的 app.routing.ts 如下所示:

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {LoginComponent} from '../login/loginComponent';
import {SliderMenuComponent} from '../sliderMenu/sliderMenuComponent';
const appRoutes: Routes = [
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  },
  { path: 'login', component: LoginComponent },
  { path: 'slider', component: SliderMenuComponent }
    ];
export const appRoutingProviders: any[] = [
];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

我的 app.ts 如下所示:

从“@angular/core”导入{组件};

@Component({
   selector: 'app',
   template : `
   <h1 class="title">Component Router</h1>
   <nav>
     <a routerLink="/slider" routerLinkActive="active">Slider</a>
     <a routerLink="/login" routerLinkActive="active">Login</a>
    </nav>
    <router-outlet></router-outlet>
  `
})
export class App {
}

【问题讨论】:

  • 请发布routing 的定义方式。不再有RouteParams。您是否尝试将其注入某处?注入 ActivatedRoute 并使用 this.route.params.forEach(params =&gt; console.log(params['someParam']))
  • 请编辑您的问题并将其添加到此处。 cmets 中的代码不可读。
  • 更新了我的问题,我是 angular2 的新手,第一次实现路由
  • @GünterZöchbauer 问题出在这里,我收到运行时错误“无法解析 setupRouter 的所有参数”。您能否告诉我是否在这里遗漏了什么,我只是想通过点击链接实现简单的路由
  • 你会在任何地方注入RouteParams吗?

标签: angularjs angular typescript


【解决方案1】:

将 angular 路由器更新为 "@angular/router": "3.0.0-rc.2",现在可以正常工作了

【讨论】:

    猜你喜欢
    • 2019-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-14
    • 2017-07-30
    相关资源
    最近更新 更多