gpt4 book ai didi

routing - Angular 2 路由器直接访问 URL

转载 作者:太空狗 更新时间:2023-10-29 17:57:58 24 4
gpt4 key购买 nike

<分区>

我有我的 main.component.ts 代码:
它的位置是:root/

import {Component, OnInit, OnChanges, IterableDiffers} from 'angular2/core';
import {TypeService} from './type/type.service';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {Router} from 'angular2/router';

@Component({
selector: 'my-app',
providers: [],
directives: [ROUTER_DIRECTIVES],
template: `
<a [routerLink]="['Type']">Type</a>
<router-outlet></router-outlet>
`
})

@RouteConfig([
{path:'/type', name: 'Type', component: TypeService}
])

export class AppComponent{
constructor(private _router: Router){}
}

然后我有我的 type.component.ts 代码:
它的位置是:root/type

import {Component, OnInit} from 'angular2/core';
import {DirectoryComponent} from '../main/main.component';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {Router} from 'angular2/router';
import {AppComponent} from '../app.component';
import {Http} from 'angular2/http';

@Component({
selector: 'type',
directives: [ROUTER_DIRECTIVES],
template: `<h1>hi</h1>`
})

export class TypeService{

constructor(
private _router: Router) {}
}

当我在我的主应用程序中单击 Type 链接时,它会将我带到 root/type 并加载 type 组件。但是,如果我按重新加载,它会给我一个 Not Found 错误。

如何才能通过 url 直接访问组件?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com