angular - angular2でタイプスクリプトでルーターを変更するには?

Question

たとえば、次のように router-link を使用します。

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

しかし、typescript でルーターを /start に変更するにはどうすればよいでしょうか?

Answer 1

ハッシュ ロケーション戦略に関連する小さな更新。

angular2 の最近のバージョンでは、このbindメソッドは非推奨になっているため、メソッドを使用してロケーション戦略を変更できますprovide。

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

Answer 2

Angular 2 でルートを構成する方法を尋ねていると思います。

• 1) ルーターをインポートしてロードする

• 2) @RouteConfig を使用して、コンポーネントにルートを設定します

• オプション: URL にハッシュバン (#) を追加します

次に例を示します。

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