Làm cách nào để chỉ định tham số truy vấn bằng chỉ thị routerLink

Question

Tôi đang thử nghiệm bộ định tuyến mới (phiên bản 3.0.0-alpha.7) và muốn biết cách chỉ định tham số truy vấn bằng chỉ thị routerLink?

Các Router.navigate() phương pháp dưới đây sẽ tạo ra một URL như http://localhost:3000/component-a?x=1

this.router.navigate(['/component-a'], {queryParams: {x: 1}}); 

Tuy nhiên, tôi không thể tìm ra cách để làm điều tương tự với chỉ thị routerLink. Mẫu như dưới đây trả về lỗi phân tích cú pháp ...

<a [routerLink]="['/component-a'], {queryParams: {x: 1}}">Component A</a> 

Và điều gần nhất tôi có thể nhận là http://localhost:3000/component-a;x=1, sử dụng cú pháp cho tuyến đường dành cho trẻ em.

<a [routerLink]="['/component-a', {x:1}]">Component A</a> 

Answer 1

Bạn có thể làm một cái gì đó như thế này

<a [routerLink]="['/component-a']" [queryParams]="{x: 1}">Component A</a> 

Answer 2

Trong thành phần bộ định tuyến mới, bạn có thể làm điều đó theo cách này:

Đi qua một tham số trong URL:

<a [routerLink]="['/component-a', 1]">Component A</a> 

Truyền tham số truy vấn e:

<a [routerLink]="['/component-a', { x: 1 }]">Crisis Center</a>