Routing Guard trong Angular là gì?

Routing Guard trong Angular là một tính năng cho phép bạn kiểm soát việc điều hướng trong ứng dụng của mình. Cụ thể, nó cho phép bạn quyết định liệu có cho phép điều hướng đến một route cụ thể hay không dựa trên các điều kiện nhất định. Routing Guard được thực hiện thông qua việc sử dụng các interface như CanActivate, CanActivateChild, CanDeactivate, CanLoad, và Resolve. Mỗi interface này cung cấp một cách khác nhau để kiểm soát việc điều hướng, từ việc kiểm tra quyền truy cập trước khi điều hướng đến một route, cho đến việc xác định liệu có cho phép rời khỏi một route đang được hiển thị hay không[2][3].

Ví dụ, CanActivate được sử dụng để kiểm tra xem người dùng có được phép truy cập vào một route cụ thể hay không trước khi route đó được kích hoạt. Nếu CanActivate trả về true, điều hướng sẽ tiếp tục; nếu trả về false, điều hướng sẽ bị hủy bỏ. Tương tự, CanDeactivate cho phép bạn kiểm tra xem liệu có cho phép người dùng rời khỏi một route cụ thể hay không, có thể dựa trên việc người dùng đã lưu thay đổi hay chưa[1][2].

Routing Guard là một công cụ quan trọng trong Angular, giúp tăng cường bảo mật và kiểm soát luồng điều hướng trong ứng dụng, đảm bảo rằng người dùng chỉ có thể truy cập vào các phần của ứng dụng mà họ có quyền.

Citations:
[1] https://viblo.asia/p/bao-ve-routes-su-dung-guards-trong-angular-3Q75wWX35Wb
[2] https://viblo.asia/p/angular-authentication-su-dung-route-guards-Ljy5Vqaolra
[3] https://angular8.hashnode.dev/angular-router
[4] https://longnv.name.vn/lap-trinh-angular/authentication-trong-angular
[5] https://github.com/angular-vietnam/100-days-of-angular/blob/master/Day030-router-guards-resolvers.md
[6] https://github.com/angular-vietnam/100-days-of-angular/blob/master/Day031-router-guards-resolvers-2.md
[7] https://kungfutech.edu.vn/bai-viet/angular/guards-and-resolved-phan-1
[8] https://kungfutech.edu.vn/bai-viet/angular/guards-and-resolved-phan-3