Góc 2 - thay thế lịch sử thay vì đẩy

Question

Làm thế nào để thay thế lịch sử thay vì đẩy một lịch sử mới trong bộ định tuyến mới của góc 2 (rc.1)?

Ví dụ: Im trong danh sách câu hỏi (/questions) mở phương thức mới theo tuyến mới (/questions/add) và sau khi thêm câu hỏi mới, tôi chuyển đến giao diện câu hỏi (/questions/1). Nếu tôi nhấn trở lại Tôi muốn đi đến /questions thay vì /questions/add

Answer 1

Bạn muốn sử dụng replaceState từ lớp Locations

https://angular.io/docs/ts/latest/api/common/index/Location-class.html#!#replaceState-anchor

Answer 2

Nếu bạn sử dụng

router.navigate 

Và sau đó

location.replaceState 

Với cùng một đường dẫn chính xác, bạn có thể kích hoạt các thay đổi thường xảy ra, cũng như thay thế lịch sử.

Ví dụ, trong trường hợp của bạn:

this.router.navigate(['questions/1']); 
this.location.replaceState('questions/1'); 

Nếu bạn cần phải thêm tham số cho các tuyến đường, bạn có thể tạo ra các url đối với vị trí sử dụng

router.serializeUrl(router.createUrlTree(/* what you put in your router navigate call */)); 

Trong ví dụ của bạn:

this.router.navigate(['questions/1', {name:"test"}]); 
this.location.replaceState(this.router.serializeUrl(this.router.createUrlTree(['questions/1', {name:"test"}]))); 

Cập nhật

Có vẻ như bộ định tuyến góc bây giờ đi kèm với một replace url option. Trong ví dụ của bạn:

this.router.navigate(["questions/1"], {replaceUrl:true}); 

Cập nhật 2

Có một hiện issue nơi nhiều điều hướng thực hiện trong một khoảng thời gian ngắn có thể không thay thế các URL chính xác. Là một workaround tạm thời, quấn chức năng điều hướng trong một thời gian chờ để có được mỗi bắn trong một chu kỳ riêng biệt:

setTimeout(()=>{ 
    this.router.navigate(["questions/1"], {replaceUrl:true}); 
});