【发布时间】: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 => console.log(params['someParam'])) -
请编辑您的问题并将其添加到此处。 cmets 中的代码不可读。
-
更新了我的问题,我是 angular2 的新手,第一次实现路由
-
@GünterZöchbauer 问题出在这里,我收到运行时错误“无法解析 setupRouter 的所有参数”。您能否告诉我是否在这里遗漏了什么,我只是想通过点击链接实现简单的路由
-
你会在任何地方注入
RouteParams吗?
标签: angularjs angular typescript