例如,我使用如下路由器链接:
<li><a [router-link]="['/start']">Start</a></li>
但是如何通过打字稿将路由器更改为/ start?
答案 0 :(得分:4)
与哈希位置策略相关的小更新。
在最新版本的angular2中,不推荐使用bind
方法,因此您可以使用provide
方法更改位置策略。
bootstrap(MyApp, [
ROUTER_PROVIDERS,provide(LocationStrategy, {useClass: HashLocationStrategy})
]);
答案 1 :(得分:3)
我相信您已经在询问如何在Angular 2中配置您的路线。
2)使用@RouteConfig在组件上设置路线
可选:向您的网址添加hashbang(#)
以下是一个例子:
import {Component, View, bind, bootstrap} from 'angular2/angular2';
import {routerInjectables, routerDirectives, Router, RouteConfig} from 'angular2/router';
import {LocationStrategy, Location, HashLocationStrategy } from 'angular2/router'; // options2: HTML5LocationStategy
// Components
import {Home} from 'home';
import {SomewhereElse} from 'somePlace';
@Component({
selector: 'app-name'
})
@View({
template: '<router-outlet></router-outlet>',
directives: [routerDirectives]
})
@RouteConfig([
{path: '/start', as: component: Home},
{path: '/place/:placeId', component: SomewhereElse}
])
class AppName {}
bootstrap(AppName, [
routerInjectables,
bind(LocationStrategy).toClass(HashLocationStrategy) // for hashbang routes (/#/)
// alternative: use HTML5LocationStrategy
]);