我正在关注Angular2文档中的简单快速启动应用程序,我正在使用spring后端来运行它.我的问题是,角度路由器从URL中删除了主题标签,所以现在应该example.com/#/dashboard是这样example.com/dashboard.
我正在使用LocationStrategyStackOverflow上的一堆帖子中指定的方法.以下是我的简单示例:
File: main.ts
///<reference path="../node_modules/angular2/typings/browser.d.ts"/>
import {bootstrap} from 'angular2/platform/browser'
import {provide} from 'angular2/core';
import {LocationStrategy, HashLocationStrategy} from 'angular2/router';
import {TestComponent} from './simple/test.component'
bootstrap(
TestComponent,
[
provide(LocationStrategy, { useClass: HashLocationStrategy })
]
);
Run Code Online (Sandbox Code Playgroud)
File: test.component.ts
import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
@Component({
selector: 'test1',
template: "<h1>This is test1 component</h1>"
})
export class Test1 { };
@Component({
selector: 'test2',
template: "<h1>This is test2 component</h1>"
})
export class Test2 { }; …Run Code Online (Sandbox Code Playgroud)