Angular2 xem để thay đổi tuyến đường

Question

@RouteConfig([ 
    {path: '/about', name: 'About', component: About, useAsDefault: true}, 
    {path: '/test', name: 'Test', component: Test} 
]) 

export class MyApp { 
    router: Router; 
    location: Location; 
    isCollapsed: boolean = true; 

    // ON ROUTE CHANGE { 
     this.isCollapsed = true; 
    // } 

    constructor(router: Router, location: Location) { 
     this.router = router; 
     this.location = location; 
    } 
} 

Tôi cần thay đổi giá trị biến trên mọi thay đổi tuyến đường, cách xem sự kiện này trong Angular 2.x?

Answer 1

Trong phiên bản cuối cùng của góc (ví dụ như góc 2/4), bạn có thể làm điều này

this.router.events.subscribe((event) => { 
    console.log(event); 
    if(event.url) { 
     console.log(event.url); 
    } 
}); 

Mỗi khi tuyến đường thay đổi, events Có thể quan sát được thông tin. Nhấp vào here cho tài liệu.

Answer 2

Đây là những gì tôi sử dụng trong ứng dụng của mình. Bạn có thể đăng ký một phiên bản Route để theo dõi các thay đổi.

class MyClass { 
    constructor(private router: Router) { 
    router.subscribe((val) => /*detect changes*/) 
    } 
} 

Answer 3

Nếu bạn muốn bắt sự kiện khi tuyến đường thay đổi và khởi tạo một số mã như jQuery thì sử dụng móc OnActive. Ví dụ:

import {Component} from 'angular2/core'; 
import {OnActivate,ComponentInstruction} from "angular2/router"; 
declare var $:any; 
declare var Foundation:any; 
@Component({ 
templateUrl :'/app/templates/home.html' 
}) 
export class HomeComponent implements OnActivate{ 

    routerOnActivate(next: ComponentInstruction, prev: ComponentInstruction) 
    { 

    new Foundation.Orbit($("#es-slide-show"), {}); 
    return true; 
    } 
} 

Answer 4

Nếu bạn đang sử dụng

"@angular/router": "3.0.0-alpha.7", 
"@angular/router-deprecated": "2.0.0-rc.2", 

sau đó

this.router.events.subscribe((event) => { 
     console.log('route changed'); 
});