angular - Angular 2 は window.location.href に相当しますか?

Question

Angular 2 内で別の URL に移動するにはどうすればよいですか? JavaScriptを使用できることを知っています

window.location.href = '...';

しかし、それは間違っているようで、ページの更新が発生します。Angular 2 には、ページを更新せずに URL 間を移動できる機能があるはずです。ドキュメントでそれを見つけることができないようです。

前もって感謝します！

Answer 1

ドキュメントによると、ルーターとそのナビゲート機能を使用して現在の状態を変更し、必要に応じてパラメーターを渡すこともできます。

import {Component, ...} from 'angular2/angular2';
import {Router, ...} from 'angular2/router';
import {HomeCmp} from '../home/home';

@Component({
  selector: 'app',
  // params of your component here
})
@RouteConfig([
  { path: '/', component: HomeCmp, as: 'MyHome' },
  // your other states here
])

export class AppCmp {
  router: Router;
  constructor(router: Router) {
    this.router = router;
  }
  navigateToHome() {
    // for example, that's how we can navigate to our home route
    this.router.navigate(['./MyHome', {param: 3}]);
  }
}

公式ドキュメントへのリンクは次のとおりです。

そして、Router を使用した優れた例を含むシード プロジェクトへのリンクを次に示します。