{"id":898,"date":"2023-05-03T05:00:00","date_gmt":"2023-05-03T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=898"},"modified":"2023-05-02T14:47:40","modified_gmt":"2023-05-02T21:47:40","slug":"ng16-preview-helpers-to-convert-class-guards-to-functional","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/ng16-preview-helpers-to-convert-class-guards-to-functional\/","title":{"rendered":"NG16 Preview: Helpers to convert class guards to functional"},"content":{"rendered":"\n

As covered a few newsletters ago, Route guards are meant to be functions<\/a> with Angular 15+. Angular 16 removes the support for class guards.<\/p>\n\n\n\n

Does that mean we have to migrate our old class guards manually? Of course not! The Angular team has our back, and the Angular CLI will remove the deprecated interfaces automatically<\/a> when upgrading to Angular 16 as follows:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Then, if you want to keep your guards as classes, you can do so using a helper function called mapToCanActivate<\/a><\/code>:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Or you can, of course, decide to use a function instead:<\/p>\n\n\n

\n
\"\"\/<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

As covered a few newsletters ago, Route guards are meant to be functions with Angular 15+. Angular 16 removes the support for class guards. Does that mean we have to migrate our old class guards manually? Of course not! The Angular team has our back, and the Angular CLI will remove the deprecated interfaces automatically […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,25],"tags":[],"class_list":["post-898","post","type-post","status-publish","format-standard","hentry","category-angular","category-routing"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t