Angular2中的路由不起作用
Routing not working in Angular2
我的路由在Angular2中不起作用,为了证明这一点,我将相同的组件作为我的站点根和/login
的目的地。该组件在http://localhost:3000
上工作,但在http://localhost:3000/login
上,我只收到一条通知"无法获取/登录"。
app.component.ts:
import { Component } from 'angular2/core';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
import {TodoService} from './todo/services/todo.service';
import { TodoCmp } from './todo/components/todo.component';
import { LoginComponent } from './user/components/login.component';
import { UserService } from './user/services/user.service';
@Component({
selector: 'my-app',
template: `
<h1>{{title}}</h1>
<router-outlet></router-outlet>
`,
styleUrls: ['client/dev/todo/styles/todo.css'],
directives: [ROUTER_DIRECTIVES],
providers: [
ROUTER_PROVIDERS,
TodoService
]
})
@RouteConfig([
{
path: '/',
name: 'TodoCmp',
component: TodoCmp,
useAsDefault: true
},
{
path: '/login',
name: 'TodoCmp',
component: TodoCmp
}
])
export class AppComponent {
title = 'ng2do';
}
这是我的索引文件的链接。我做错了什么?
一个@RouteConfig(...)
中的两个路由不能具有相同的名称:
@RouteConfig([
{
path: '/',
name: 'TodoCmp',
component: TodoCmp,
useAsDefault: true
},
{
path: '/login',
name: 'TodoCmp', <!-- <<<== should be 'Login' instead of 'TodoCmp'
component: TodoCmp
}
])
您应该将ROUTER_PROVIDERS
移动到bootstrap()
(如HTTP_PROVIDERS
)
相关文章:
- AngularJS路由没有'不起作用
- 手动拒绝路由承诺;不起作用
- Angularjs:ui路由嵌套状态下的绑定不起作用
- angular js路由不起作用
- Codeigniter :通过 AJAX 调用 php 脚本时路由不起作用
- AngularJS 路由功能不起作用
- 带有组件标签的 VueJS 路由不起作用
- 角度路由;在浏览器中直接访问URL时不起作用,但在单击时起作用
- 多语言应用程序中的Angular JS路由不起作用
- 骨干路由匹配;不起作用
- 主干路由不起作用
- Slick Carousel在应用程序动态路由的基础上不起作用
- AngularJS路由示例不起作用
- Angular2中的路由不起作用
- 角度路由分辨率 - 延迟.拒绝不起作用 - 角度 1 + 打字稿
- 为什么我的 AngularJS 应用程序在添加路由时不起作用
- 路由在 Angular 和 nodejs 应用程序中不起作用
- 路由提供程序否则重定向到不起作用
- 路由不起作用 AngularJS,只是添加一个哈希
- ng 路由不起作用指令