{"id":1069,"date":"2023-06-14T05:00:00","date_gmt":"2023-06-14T12:00:00","guid":{"rendered":"http:\/\/www.angulartraining.com\/daily-newsletter\/?p=1069"},"modified":"2023-06-13T21:51:13","modified_gmt":"2023-06-14T04:51:13","slug":"whats-new-in-angular-16-1","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/whats-new-in-angular-16-1\/","title":{"rendered":"What’s new in Angular 16.1?"},"content":{"rendered":"\n

Angular 16.1 was released just in time for ng-conf 2023<\/a> (side note: If you’re in Salt Lake City, feel free to come to meet me and say hi – you’ll get a sticker and a $20 coupon<\/a> for my video courses<\/a> or certification exams<\/a>).<\/p>\n\n\n\n

There are three new features<\/strong> in Angular 16.1:<\/p>\n\n\n\n

Transform option for @Input()<\/h2>\n\n\n\n

We can now have a function that transforms an input value to make it fit the needs of a component. Say, for instance, your input value is an object, and you want to extract one property out of it or return a boolean value if it passes a given check; then transform is what you need:<\/p>\n\n\n

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

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

This simple example (code here<\/a>) illustrates what can be done with the new option.<\/p>\n\n\n\n

Support for Typescript 5.1<\/h2>\n\n\n\n

There isn’t a ton of new things in Typescript 5.1<\/a>, mostly that now we can have setters and getters that use different types and have functions that return undefined<\/code>.<\/p>\n\n\n\n

Support for fetch() in HttpClient<\/h2>\n\n\n\n

This is in developer preview. You can enable it in the configuration of your HttpClient<\/code> as follows:<\/p>\n\n\n

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

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

I’m not sure there are any benefits of using it right now, but it might open the door to integrations with other HTTP providers built on top of fetch<\/code>. Wait and see. <\/p>\n\n\n\n

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

In any case, I’ll report my takeaways from ng-conf in the newsletter during the next few days. Exciting days ahead!<\/p>\n","protected":false},"excerpt":{"rendered":"

Angular 16.1 was released just in time for ng-conf 2023 (side note: If you’re in Salt Lake City, feel free to come to meet me and say hi – you’ll get a sticker and a $20 coupon for my video courses or certification exams). There are three new features in Angular 16.1: Transform option for […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1069","post","type-post","status-publish","format-standard","hentry","category-angular"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":1,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":1072,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1069\/revisions\/1072"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}