Как изменить маршрутизатор на машинописные тексты в угловом2?

Question

Например, я использую маршрутизатор-ссылку, как это:

<li><a [router-link]="['/start']">Start</a></li> 

Но как я могу изменить маршрутизатор к/начать машинописи?

Answer 1

Я считаю, что вы спрашиваете, как настроить маршруты в угловых 2.

• 1) импортировать & загрузить маршрутизатор

• 2) Используйте @RouteConfig настроить свои маршруты на компоненте

• Дополнительно: Добавить hashbang (#) на ваш URL

Вот экзамен ple:

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 
]); 

Answer 2

Небольшое обновление, связанное с стратегией размещения хеша.

В последних версиях углового2 метод bind устарел, поэтому вы можете изменить стратегию местоположения с помощью метода provide.

bootstrap(MyApp, [ 
    ROUTER_PROVIDERS,provide(LocationStrategy, {useClass: HashLocationStrategy}) 
]);