{"id":57575,"date":"2023-06-08T08:34:20","date_gmt":"2023-06-08T03:04:20","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=57575"},"modified":"2023-06-08T08:34:20","modified_gmt":"2023-06-08T03:04:20","slug":"angular-15-everything-you-need-to-know-about-the-new-features","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/","title":{"rendered":"Angular 15: Everything You Need to Know About the New Features"},"content":{"rendered":"<p>Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we&#8217;ll talk about those updated features.<\/p>\n<ul>\n<li>\n<h3><b>Standalone API&#8217;s<\/b><\/h3>\n<\/li>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Now we can develop applications without NgModules.<\/span><\/li>\n<li style=\"font-weight: 400;\">This component can now be used in any Angular application without having to be part of a module<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57572\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/standalone.png\" alt=\"Blog image\" width=\"768\" height=\"348\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/standalone.png 768w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/standalone-300x136.png 300w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/standalone-624x283.png 624w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Standalone API allows you to bootstrap applications using single component<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<h3><b>Router and HttpClient Tree shakable API\u2019s<\/b><\/h3>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<h3><b>Directive Composition API<\/b><\/h3>\n<\/li>\n<\/ul>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The directive composition API brings code reuse to another level!<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The directive composition API only works with standalone directives.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ul>\n<li>\n<h3><b>Image directive is now stable<\/b><\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>The\u00a0<code><a class=\"code-anchor\" href=\"https:\/\/angular.io\/api\/common\/NgOptimizedImage\">NgOptimizedImage<\/a><\/code> the directive makes it easy to adopt performance best practices for loading images.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57573\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/optimized-1.png\" alt=\"Blog image\" width=\"638\" height=\"204\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Enable the directive<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57574\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/image-opti-2.png\" alt=\"Blog image\" width=\"475\" height=\"204\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/image-opti-2.png 475w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/image-opti-2-300x129.png 300w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Automatic srcset generation:<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Fill mode<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">This mode causes the image to fill its parent container, removing the requirement to declare its width and height.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>\n<h3><b>Functional router guards<\/b><\/h3>\n<\/li>\n<\/ul>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Together with the tree-shakable standalone router APIs, we worked on reducing boilerplate in guards.\n<p><\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57568\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/carbon-16.png\" alt=\"Blog image\" width=\"613\" height=\"276\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/carbon-16.png 613w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/carbon-16-300x135.png 300w\" sizes=\"auto, (max-width: 613px) 100vw, 613px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ul>\n<li>\n<h3><b>Router unwraps default imports.<\/b><\/h3>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">To make the router simpler and reduce boilerplate further, the router now auto-unwraps default exports when lazy loading.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">This is how it used to be Previously.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57569\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/lazy.png\" alt=\"Blog image\" width=\"744\" height=\"258\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/lazy.png 744w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/lazy-300x104.png 300w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/lazy-624x216.png 624w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">As per the new code:<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-57570\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/carbon-24.png\" alt=\"Blog image\" width=\"691\" height=\"340\" srcset=\"https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/carbon-24.png 524w, https:\/\/tothenewco.pro\/blog\/wp-content\/uploads\/2023\/06\/carbon-24-300x148.png 300w\" sizes=\"auto, (max-width: 691px) 100vw, 691px\" \/><\/p>\n<ul>\n<li><b>Better stack traces\n<p><\/b><span style=\"font-weight: 400;\">\u00a0To solve the Debugging struggles for Angular developers<\/span><\/li>\n<\/ul>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>More improvements in components<\/b><\/h3>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Range selection support in the slider.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-57571\" src=\"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/carbon-26.png\" alt=\"Blog image\" width=\"565\" height=\"258\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Improvements in the experimental esbuild support.<\/span><\/li>\n<li style=\"font-weight: 400;\">The improved experimental ESbuild support makes building Angular applications faster and more efficiently possible.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Automatic imports in language service.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CLI improvements.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Conclusion<\/h3>\n<p>Angular 15 is a major release with several new features and improvements. The new features are designed to make Angular easier to use, more performant, and more scalable. If you are using Angular, I recommend upgrading to Angular latest as soon as possible.<\/p>\n<div class=\"ap-custom-wrapper\"><\/div><!--ap-custom-wrapper-->","protected":false},"excerpt":{"rendered":"<p>Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we&#8217;ll talk about those updated features. Standalone API&#8217;s Now we can develop applications without NgModules. This component can now be used in any Angular application without having to [&hellip;]<\/p>\n","protected":false},"author":1595,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":6,"footnotes":""},"categories":[1439],"tags":[5251,5252,955],"class_list":["post-57575","post","type-post","status-publish","format-standard","hentry","category-angular","tag-angular-15","tag-angular-upgrade","tag-angularjs"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we&#039;ll talk about those updated features. Standalone API&#039;s Now we can develop applications without NgModules. This component can now be used in any Angular application without having to\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kashif Ali Khan\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we&#039;ll talk about those updated features. Standalone API&#039;s Now we can develop applications without NgModules. This component can now be used in any Angular application without having to\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we&#039;ll talk about those updated features. Standalone API&#039;s Now we can develop applications without NgModules. This component can now be used in any Angular application without having to\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#article\",\"name\":\"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog\",\"headline\":\"Angular 15: Everything You Need to Know About the New Features\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kashif-khan\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"\\\/blog\\\/wp-ttn-blog\\\/uploads\\\/2023\\\/06\\\/standalone.png\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#articleImage\"},\"datePublished\":\"2023-06-08T08:34:20+05:30\",\"dateModified\":\"2023-06-08T08:34:20+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#webpage\"},\"articleSection\":\"AngularJS, Angular 15, Angular Upgrade, AngularJS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/angular\\\/#listItem\",\"name\":\"AngularJS\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/angular\\\/#listItem\",\"position\":2,\"name\":\"AngularJS\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/angular\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#listItem\",\"name\":\"Angular 15: Everything You Need to Know About the New Features\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#listItem\",\"position\":3,\"name\":\"Angular 15: Everything You Need to Know About the New Features\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/angular\\\/#listItem\",\"name\":\"AngularJS\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kashif-khan\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kashif-khan\\\/\",\"name\":\"Kashif Ali Khan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#authorImage\",\"url\":\"https:\\\/\\\/newersworld-sf-static.tothenew.net\\\/prod\\\/profilePicFolder\\\/69753955-13c3-41e1-9a94-80651e76d353_2855-Kashif-Ali-Khan-PROFILEPICTURE.jpeg\",\"width\":96,\"height\":96,\"caption\":\"Kashif Ali Khan\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/\",\"name\":\"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog\",\"description\":\"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we'll talk about those updated features. Standalone API's Now we can develop applications without NgModules. This component can now be used in any Angular application without having to\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/angular-15-everything-you-need-to-know-about-the-new-features\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kashif-khan\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kashif-khan\\\/#author\"},\"datePublished\":\"2023-06-08T08:34:20+05:30\",\"dateModified\":\"2023-06-08T08:34:20+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog","description":"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we'll talk about those updated features. Standalone API's Now we can develop applications without NgModules. This component can now be used in any Angular application without having to","canonical_url":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#article","name":"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog","headline":"Angular 15: Everything You Need to Know About the New Features","author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/kashif-khan\/#author"},"publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"},"image":{"@type":"ImageObject","url":"\/blog\/wp-ttn-blog\/uploads\/2023\/06\/standalone.png","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#articleImage"},"datePublished":"2023-06-08T08:34:20+05:30","dateModified":"2023-06-08T08:34:20+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#webpage"},"isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#webpage"},"articleSection":"AngularJS, Angular 15, Angular Upgrade, AngularJS"},{"@type":"BreadcrumbList","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/tothenewco.pro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/angular\/#listItem","name":"AngularJS"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/angular\/#listItem","position":2,"name":"AngularJS","item":"https:\/\/tothenewco.pro\/blog\/category\/angular\/","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#listItem","name":"Angular 15: Everything You Need to Know About the New Features"},"previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#listItem","position":3,"name":"Angular 15: Everything You Need to Know About the New Features","previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/angular\/#listItem","name":"AngularJS"}}]},{"@type":"Organization","@id":"https:\/\/tothenewco.pro\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/tothenewco.pro\/blog\/"},{"@type":"Person","@id":"https:\/\/tothenewco.pro\/blog\/author\/kashif-khan\/#author","url":"https:\/\/tothenewco.pro\/blog\/author\/kashif-khan\/","name":"Kashif Ali Khan","image":{"@type":"ImageObject","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#authorImage","url":"https:\/\/newersworld-sf-static.tothenew.net\/prod\/profilePicFolder\/69753955-13c3-41e1-9a94-80651e76d353_2855-Kashif-Ali-Khan-PROFILEPICTURE.jpeg","width":96,"height":96,"caption":"Kashif Ali Khan"}},{"@type":"WebPage","@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#webpage","url":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/","name":"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog","description":"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we'll talk about those updated features. Standalone API's Now we can develop applications without NgModules. This component can now be used in any Angular application without having to","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/#breadcrumblist"},"author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/kashif-khan\/#author"},"creator":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/kashif-khan\/#author"},"datePublished":"2023-06-08T08:34:20+05:30","dateModified":"2023-06-08T08:34:20+05:30"},{"@type":"WebSite","@id":"https:\/\/tothenewco.pro\/blog\/#website","url":"https:\/\/tothenewco.pro\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog","og:description":"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we'll talk about those updated features. Standalone API's Now we can develop applications without NgModules. This component can now be used in any Angular application without having to","og:url":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/","og:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"Angular 15: Everything You Need to Know About the New Features | TO THE NEW Blog","twitter:description":"Angular 15 is the latest version of the Angular framework. It was released on March 8, 2023. It includes several new features and improvements. In this blog, we'll talk about those updated features. Standalone API's Now we can develop applications without NgModules. This component can now be used in any Angular application without having to","twitter:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"57575","title":null,"description":null,"keywords":[],"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":{"id":"#aioseo-article-65e05fbaaebd3","slug":"article","graphName":"Article","label":"Article","properties":{"type":"BlogPosting","name":"#post_title","headline":"#post_title","description":"#post_excerpt","image":"","keywords":"","author":{"name":"#author_name","url":"#author_url"},"dates":{"include":true,"datePublished":"","dateModified":""}}},"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2023-06-08 02:57:48","updated":"2024-02-29 10:43:06","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\/category\/angular\/\" title=\"AngularJS\">AngularJS<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAngular 15: Everything You Need to Know About the New Features\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/tothenewco.pro\/blog"},{"label":"AngularJS","link":"https:\/\/tothenewco.pro\/blog\/category\/angular\/"},{"label":"Angular 15: Everything You Need to Know About the New Features","link":"https:\/\/tothenewco.pro\/blog\/angular-15-everything-you-need-to-know-about-the-new-features\/"}],"_links":{"self":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/users\/1595"}],"replies":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/comments?post=57575"}],"version-history":[{"count":2,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57575\/revisions"}],"predecessor-version":[{"id":57617,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/57575\/revisions\/57617"}],"wp:attachment":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/media?parent=57575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/categories?post=57575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/tags?post=57575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}