2015-10-24 8 views
9

Angular 2内の別のURLにナビゲートするにはどうすればよいですか? JavaScriptを使用できることはわかっています。角2はwindow.location.hrefに相当しますか?

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

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

ありがとうございます!

答えて

10

文書によると、現在の状態を変更するルータとそのナビゲート機能を使用し、また、パラメータを渡すことができ、neccessary場合:ここで

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

official documentationへのリンクです。

ここでは、ルータを使用する素晴らしい例を使ってシードプロジェクトにlinkがあります。

+0

こんにちはプノフ、ヘルプとリンクのおかげで百万円! ;) – Zorthgo

+0

あなたは大歓迎です。 – punov

+0

ああ、ちょっとした間違いをして固定しました。 – punov

関連する問題