{"id":4778,"date":"2021-08-26T09:51:34","date_gmt":"2021-08-26T13:51:34","guid":{"rendered":"https:\/\/www.cloudsurph.com\/?p=4778"},"modified":"2021-08-26T09:51:34","modified_gmt":"2021-08-26T13:51:34","slug":"angular-12-new-features-whats-new-in-angular-12","status":"publish","type":"post","link":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/","title":{"rendered":"Angular 12 new features & What’s new in Angular 12"},"content":{"rendered":"

What\u2019s new in Angular 12?<\/strong><\/h2>\n

In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?<\/p>\n

Some relate to the code some not relates to the code and for every point, angular 12 confuse with the scope of the protractor they are thinking that we should remove the protractor or not.<\/p>\n

My favorite feature is nullish coalescing they update some documentation also so that we can learn angular easily they also applied some changes in the style related to the sass.<\/p>\n

They also depreciate the support for internet explorer 11 and there are some minor updates.<\/p>\n

Ivy everywhere (View engine)<\/strong><\/h3>\n

Moving closer to ivy everywhere they provide that in a bracket view engine so what are the Ivy everywhere.<\/p>\n

And what is the view engine see they both are responsible for compiling the components and showing them on the browser.<\/p>\n

But the view engine is the older one which depreciates not removed in the official documentation.<\/p>\n

Nullish coalescing<\/strong><\/h3>\n

The nullish coalescing is a point that saves time for the developer.<\/p>\n

\"Angular<\/p>\n

let’s say you have a property with the name of age and you want to check that it should not be null it should not undefines.<\/p>\n

It should not be false that you have to apply the three checks but now you can apply the double question marks and replace them.<\/p>\n

These three checks with just two double question marks and you can see that how much time you can save and how much code you can see this angular 12.<\/p>\n

Stylish improvement<\/strong><\/h3>\n

What happens now angular component will support the inline sets previously we cannot use the CSS inline.<\/p>\n

Because of the angular compiler but now this is possible and now angular 12 is also supporting the tailwind CSS.<\/p>\n

What is i18n message ID\u2019s<\/strong><\/h3>\n

What is i18n so this is used for localization so let’s say you want to publish your app in more than one country.<\/p>\n

In all countries, they are speaking different languages so control the language of our website we use the i18n package.<\/p>\n

Learning angular<\/strong><\/h3>\n

They have improved the documentation for better learning and add a content projection guide with new content.<\/p>\n

Other updates<\/strong><\/h3>\n

They depreciate the support for angular IE11.<\/p>\n

Microsoft has depreciated the support for angular 10 also so that’s why they are also just depreciating the support.<\/p>\n

stick mode is by default. In the V12 they are providing full support with webpack 5.<\/p>\n

They update the typescript version now in angular 12 we have typescript 4.2.<\/p>\n

Next is the ng build command they are just provided by default for production and it will just save some extra time.<\/p>\n

If we discuss hosting then cloudsurp is providing the best $1 VPS hosting.<\/p>\n

It is a cheap storage server hosting you can get managed VPS with CPanel $1 VPS will be as according to your requirements.<\/p>\n

Cloudsurp provides large storage VPS and the cheapest Cpanel License.<\/p>\n

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

What\u2019s new in Angular 12? In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12? Some relate to the code some not relates to the code and for every point, angular 12 confuse with the scope of the protractor they are […]<\/p>\n","protected":false},"author":1,"featured_media":4780,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[61,51,118,103,142,143],"class_list":["post-4778","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-virtual-private-servers","tag-1-vps","tag-cheap-dedicated-servers","tag-cheap-vps","tag-cheapest-vps","tag-dedicated-server","tag-vps-dedicated-server"],"yoast_head":"\nAngular 12 new features & What's new in Angular 12 - Cloudsurph Web<\/title>\n<meta name=\"description\" content=\"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 12 new features & What's new in Angular 12 - Cloudsurph Web\" \/>\n<meta property=\"og:description\" content=\"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/\" \/>\n<meta property=\"og:site_name\" content=\"Cloudsurph Web Hosting Washington D.C.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CloudSurph\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-26T13:51:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"470\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cloudsurph\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Cloud_Surph\" \/>\n<meta name=\"twitter:site\" content=\"@Cloud_Surph\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cloudsurph\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/\"},\"author\":{\"name\":\"cloudsurph\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#\\\/schema\\\/person\\\/50b3e0f168996ffad285babe518bd5c8\"},\"headline\":\"Angular 12 new features & What’s new in Angular 12\",\"datePublished\":\"2021-08-26T13:51:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/\"},\"wordCount\":500,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Angular-12-1.jpg\",\"keywords\":[\"$1 VPS\",\"Cheap Dedicated Servers\",\"Cheap VPS\",\"Cheapest VPS\",\"Dedicated server\",\"VPS Dedicated server\"],\"articleSection\":[\"VPS Servers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/\",\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/\",\"name\":\"Angular 12 new features & What's new in Angular 12 - Cloudsurph Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Angular-12-1.jpg\",\"datePublished\":\"2021-08-26T13:51:34+00:00\",\"description\":\"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Angular-12-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/Angular-12-1.jpg\",\"width\":470,\"height\":282,\"caption\":\"Angular 12\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/angular-12-new-features-whats-new-in-angular-12\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cloudsurph.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 12 new features & What’s new in Angular 12\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#website\",\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/\",\"name\":\"Cloudsurph Web Hosting Washington D.C.\",\"description\":\"Dedicated Server Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cloudsurph.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#organization\",\"name\":\"CloudSurph Technology Solutions\",\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/cloudsurph-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudsurph.com\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/cloudsurph-logo.png\",\"width\":2348,\"height\":1692,\"caption\":\"CloudSurph Technology Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/CloudSurph\\\/\",\"https:\\\/\\\/x.com\\\/Cloud_Surph\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cloudsurph.com\\\/#\\\/schema\\\/person\\\/50b3e0f168996ffad285babe518bd5c8\",\"name\":\"cloudsurph\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g\",\"caption\":\"cloudsurph\"},\"url\":\"https:\\\/\\\/www.cloudsurph.com\\\/author\\\/cloudsurph\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 12 new features & What's new in Angular 12 - Cloudsurph Web","description":"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/","og_locale":"en_US","og_type":"article","og_title":"Angular 12 new features & What's new in Angular 12 - Cloudsurph Web","og_description":"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?","og_url":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/","og_site_name":"Cloudsurph Web Hosting Washington D.C.","article_publisher":"https:\/\/www.facebook.com\/CloudSurph\/","article_published_time":"2021-08-26T13:51:34+00:00","og_image":[{"width":470,"height":282,"url":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg","type":"image\/jpeg"}],"author":"cloudsurph","twitter_card":"summary_large_image","twitter_creator":"@Cloud_Surph","twitter_site":"@Cloud_Surph","twitter_misc":{"Written by":"cloudsurph","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#article","isPartOf":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/"},"author":{"name":"cloudsurph","@id":"https:\/\/www.cloudsurph.com\/#\/schema\/person\/50b3e0f168996ffad285babe518bd5c8"},"headline":"Angular 12 new features & What’s new in Angular 12","datePublished":"2021-08-26T13:51:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/"},"wordCount":500,"publisher":{"@id":"https:\/\/www.cloudsurph.com\/#organization"},"image":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg","keywords":["$1 VPS","Cheap Dedicated Servers","Cheap VPS","Cheapest VPS","Dedicated server","VPS Dedicated server"],"articleSection":["VPS Servers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/","url":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/","name":"Angular 12 new features & What's new in Angular 12 - Cloudsurph Web","isPartOf":{"@id":"https:\/\/www.cloudsurph.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#primaryimage"},"image":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg","datePublished":"2021-08-26T13:51:34+00:00","description":"In this article, we will discuss the new features what are the new points are. What are the breaking changes with the angular 12?","breadcrumb":{"@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#primaryimage","url":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg","contentUrl":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Angular-12-1.jpg","width":470,"height":282,"caption":"Angular 12"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cloudsurph.com\/angular-12-new-features-whats-new-in-angular-12\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudsurph.com\/"},{"@type":"ListItem","position":2,"name":"Angular 12 new features & What’s new in Angular 12"}]},{"@type":"WebSite","@id":"https:\/\/www.cloudsurph.com\/#website","url":"https:\/\/www.cloudsurph.com\/","name":"Cloudsurph Web Hosting Washington D.C.","description":"Dedicated Server Hosting","publisher":{"@id":"https:\/\/www.cloudsurph.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cloudsurph.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cloudsurph.com\/#organization","name":"CloudSurph Technology Solutions","url":"https:\/\/www.cloudsurph.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudsurph.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2016\/04\/cloudsurph-logo.png","contentUrl":"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2016\/04\/cloudsurph-logo.png","width":2348,"height":1692,"caption":"CloudSurph Technology Solutions"},"image":{"@id":"https:\/\/www.cloudsurph.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CloudSurph\/","https:\/\/x.com\/Cloud_Surph"]},{"@type":"Person","@id":"https:\/\/www.cloudsurph.com\/#\/schema\/person\/50b3e0f168996ffad285babe518bd5c8","name":"cloudsurph","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/089d9378933748b2a3fac82523f9ceda07f27b01a73c8ce36afaa8a942395917?s=96&d=mm&r=g","caption":"cloudsurph"},"url":"https:\/\/www.cloudsurph.com\/author\/cloudsurph\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/posts\/4778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/comments?post=4778"}],"version-history":[{"count":1,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/posts\/4778\/revisions"}],"predecessor-version":[{"id":4781,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/posts\/4778\/revisions\/4781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/media\/4780"}],"wp:attachment":[{"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/media?parent=4778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/categories?post=4778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudsurph.com\/wp-json\/wp\/v2\/tags?post=4778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}