Góc 2 tương đương với window.location.href?

Question

Làm cách nào để điều hướng đến một URL khác trong Angular 2? Tôi biết rằng chúng tôi có thể sử dụng JavaScript

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

Nhưng điều đó có vẻ sai và sẽ làm mới trang. Tôi khá chắc chắn rằng có nên có chức năng trong Angular 2 mà sẽ cho phép bạn di chuyển giữa các URL mà không làm mới trang. Tôi dường như không thể tìm thấy nó trong tài liệu.

Cảm ơn trước!

Answer 1

Theo tài liệu, bạn có thể sử dụng Router và điều hướng chức năng của nó để thay đổi tình trạng hiện thời, và cũng có thể vượt qua các thông số, nếu cần thiết:

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

Dưới đây là liên kết tới official documentation.

Và đây là một link để dự án giống với một ví dụ tuyệt vời về cách sử dụng Bộ định tuyến.