{"id":215,"date":"2022-08-02T11:50:27","date_gmt":"2022-08-02T06:20:27","guid":{"rendered":"https:\/\/www.adsumsoftware.com\/blog\/?p=215"},"modified":"2022-08-02T12:47:43","modified_gmt":"2022-08-02T07:17:43","slug":"whats-new-in-angular-14","status":"publish","type":"post","link":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14","title":{"rendered":"Angular 14: All the Important Updates and Key Features"},"content":{"rendered":"\n<p>Angular is a popular open source and typescript web application framework. It is used widely by top-notch web developers for <a href=\"https:\/\/www.adsumsoftware.com\/web-development\">frontend app development<\/a>. Most web developers opt for Angular, led by the Angular team at Google. Recently, it has created a buzz as its latest version was introduced in the market-Angular 14.&nbsp;<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:11px\"\/><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_48 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f3331c40ef0\" class=\"cssicon\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><label for=\"ez-toc-cssicon-toggle-item-69f3331c40ef0\"  class=\"cssiconcheckbox\">1<\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f3331c40ef0\" checked><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#What%E2%80%99s_New_in_Angular_14\" title=\"What&#8217;s New in Angular 14?\">What&#8217;s New in Angular 14?<\/a><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Using_standalone_components_to_make_Angular_simpler\" title=\"Using standalone components to make Angular simpler\">Using standalone components to make Angular simpler<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Typed_Forms\" title=\"Typed Forms\">Typed Forms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Streamlined_Page_Title_Accessibility\" title=\"Streamlined Page Title Accessibility\">Streamlined Page Title Accessibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#More_built-in_Improvements\" title=\"More built-in Improvements\">More built-in Improvements<\/a><ul class='ez-toc-list-level-5'><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Bind_to_Protected_Component_Members\" title=\"Bind to Protected Component Members\">Bind to Protected Component Members<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#NgModel_OnPush\" title=\"NgModel OnPush\">NgModel OnPush<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Optional_Injectors_in_Embedded_Views\" title=\"Optional Injectors in Embedded Views\">Optional Injectors in Embedded Views<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Angular_CLI_Enhancements\" title=\"Angular CLI Enhancements\">Angular CLI Enhancements<\/a><ul class='ez-toc-list-level-5'><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#ng_completion\" title=\"ng completion\">ng completion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#ng_analytics\" title=\"ng analytics\">ng analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#ng_cache\" title=\"ng cache\">ng cache<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Bind_to_Protected_Component_Members-2\" title=\"Bind to Protected Component Members\">Bind to Protected Component Members<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#New_primitives_in_the_Angular_CDK\" title=\"New primitives in the Angular CDK\">New primitives in the Angular CDK<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Angular_DevTools_is_available_in_Firefox_and_offline\" title=\"Angular DevTools is available in Firefox and offline\">Angular DevTools is available in Firefox and offline<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Technical_Benefits_of_Angular_Apps\" title=\"Technical Benefits of Angular Apps\">Technical Benefits of Angular Apps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Final_Opinion\" title=\"Final Opinion\">Final Opinion<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#Are_you_looking_to_hire_an_angular_developer_to_upgrade_your_application_from_Angular_13_to_Angular_14\" title=\"Are you looking to hire an angular developer to upgrade your application from Angular 13 to Angular 14?\">Are you looking to hire an angular developer to upgrade your application from Angular 13 to Angular 14?<\/a><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4'><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What%E2%80%99s_New_in_Angular_14\"><\/span><strong>What&#8217;s New in Angular 14?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Angular 14 is the latest version that has improved its existing functionalities and simplifies the <a href=\"https:\/\/www.adsumsoftware.com\/web-development\">Angular app development services<\/a>.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:14px\"\/><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/whats-new-in-angular-14-1024x576.png\" alt=\"\" class=\"wp-image-219\" srcset=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/whats-new-in-angular-14-1024x576.png 1024w, https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/whats-new-in-angular-14-300x169.png 300w, https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/whats-new-in-angular-14-768x432.png 768w, https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/whats-new-in-angular-14.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:15px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_standalone_components_to_make_Angular_simpler\"><\/span><strong>Using standalone components to make Angular simpler<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Standalone components make authoring Angular applications easier because they minimize the need for NgModules. Standalone components were introduced in Angular version 14, and are now ready to be used in your apps during development and exploration. However, there is no guarantee that the API will remain stable or backward compatible.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:11px\"\/><\/div>\n\n\n\n<p>The standalone: true flag for standalone components, directives, and pipes enables you to include imports directly in your @Component() without using a @NgModule ().<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Typed_Forms\"><\/span><strong>Typed Forms<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The latest version of Angular 14 allows developers to overcome one of the most trending issues &#8211; implementing strict typing for the Angular Reactive Forms Package.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:9px\"\/><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"451\" src=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/typed-angular-forms.gif\" alt=\"\" class=\"wp-image-228\"\/><\/figure><\/div>\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:9px\"\/><\/div>\n\n\n\n<p>Typed forms ensure that values within form controls, groups, and arrays are type-safe across the entire API surface. This enables safer forms in all scenarios\u2014especially when working with complicated nested data structures.&nbsp; <\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<p>Typed forms were built based on public requests for comment and design review feedback from Angular community contributors. With updated schematics available, it&#8217;s easier to gradually migrate to typed input by updating your current inputs over time while maintaining full backward compatibility.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:22px\"\/><\/div>\n\n\n\n<p><strong>Extended Developer Diagnostics<\/strong><\/p>\n\n\n\n<p>New diagnostics will help developers to gain a better understanding of the code and how to improve it. By offering an opportunity which parts are required to overview the templates that might require more improvements.&nbsp;<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:8px\"\/><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/extended-developer-diagnostics.gif\" alt=\"\" class=\"wp-image-230\" width=\"823\" height=\"432\"\/><\/figure><\/div>\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:6px\"\/><\/div>\n\n\n\n<p>New diagnostics are available to help provide you with a more comprehensive diagnostic framework &#8211; this way when there is a compilation warning or error, you will know exactly what it means and how to correct it. Plus, if there is any type of bug in your template code (e.g., if something isn&#8217;t working), then the diagnostic will catch that tool.&nbsp;<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:20px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Streamlined_Page_Title_Accessibility\"><\/span><strong>Streamlined Page Title Accessibility<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Yet another useful best practice is to make sure that your application&#8217;s page titles are well-communicating. Using the new Route. title attribute in the Angular Router in v13.2 makes it easy &#8211; adding a title only requires one import and it is also statically typed.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:11px\"\/><\/div>\n\n\n\n<p>A customized TitleStrategy allows you to create more complex title logic.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:21px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"More_built-in_Improvements\"><\/span><strong>More built-in Improvements<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Angular 14 introduces some noteworthy features. First, it can now target ES2020 by default\u2014meaning the Angular CLI is shipping smaller code without down-leveling. Also, New Typescript 4.7 releases are supported by Angular 14.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:15px\"\/><\/div>\n\n\n\n<p>Also, there are three additional features worth highlighting in Angular 14.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:22px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bind_to_Protected_Component_Members\"><\/span><strong>Bind to Protected Component Members<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>In Angular, you can now bind protected component members directly from your templates. It gives you greater control over the public API surface of your reusable components.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"NgModel_OnPush\"><\/span><strong>NgModel OnPush<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>A user contribution ended one of our top issues and NgModel changes were reflected in the UI for OnPush components.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:16px\"\/><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code><em>@Component({\n  selector: 'my-component',\n  template: `\n    &lt;child &#91;ngModel]=\"value\"&gt;&lt;\/child&gt;\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nclass MyComponent {}<\/em><\/code><\/pre>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:20px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optional_Injectors_in_Embedded_Views\"><\/span><strong>Optional Injectors in Embedded Views<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Angular 14 now supports passing an optional injector when creating embedded views via ViewContainerRef.createEmbeddedView and TemplateRef.createEmbeddedView. It provides the developer with more control over how to handle dependencies during development time.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:24px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Angular_CLI_Enhancements\"><\/span><strong>Angular CLI Enhancements<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>This new standardized CLI argument parsing leads to a more consistent Angular CLI. Now, all flags are formatted using -lower-skewer-case syntax. In version 14 of the Angular CLI, deprecated camel case support has been removed and users can also use combined aliases of flags if preferred.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ng_completion\"><\/span><strong>ng completion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Angular 14 has made it easy to avoid mistakes in the command line. Every time you run into an error or typo, just think about how much easier your life would be if Angular had solved these problems before they got out of hand.&nbsp;<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<p>Now developers don&#8217;t have to worry about typing out long command because Angular 14 introduced a real-time type-ahead autocomplete feature\u2014to make sure all its users know this great update, the CLI automatically prompts you to turn on autocomplete when executing any commands inside Angle 14 for the first time.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:15px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ng_analytics\"><\/span><strong>ng analytics<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>The CLI\u2019s analytics command will allow you to determine what metrics are tracked or disable tracking entirely. Developers can also generate reports using this tool, which will provide the engineering team with data pertaining to how we prioritize feature requests.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:16px\"\/><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ng_cache\"><\/span><strong>ng cache<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>ng cache is a command-line interface tool for controlling and printing cache information. Developers can enable, disable, or delete things from the memory of ng cache, and print statistics and information about what it contains.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:25px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bind_to_Protected_Component_Members-2\"><\/span><strong>Bind to Protected Component Members<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In Angular, developers can bind protected component members directly from your templates. This gives more control over the public API surface of your reusable components.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:25px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"New_primitives_in_the_Angular_CDK\"><\/span><strong>New primitives in the Angular CDK<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The&nbsp;latest release includes new CDK primitives that can create more accessible custom components based on the WAI-ARIA menu and menu bar design patterns.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:11px\"\/><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/angular-cdk.gif\" alt=\"\" class=\"wp-image-239\" width=\"825\" height=\"496\"\/><\/figure><\/div>\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:9px\"\/><\/div>\n\n\n\n<p>Component Test Harnesses continue to provide an easy way to write better tests for your components.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:23px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Angular_DevTools_is_available_in_Firefox_and_offline\"><\/span><strong>Angular DevTools is available in Firefox and offline<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The Angular DevTools debugging extension now has offline support. The browser extension can be found on <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/angular-devtools\/\">Add-ons<\/a> for Mozilla Firefox.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:30px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Technical_Benefits_of_Angular_Apps\"><\/span><strong>Technical Benefits of Angular Apps<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul><li>More Lightweight Web Applications<\/li><li>Faster Development Process<\/li><li>Efficient Problem-Solving Patterns<\/li><li>Readable and Testable Code<\/li><li>Excellent Material Design Library<\/li><\/ul>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:30px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Final_Opinion\"><\/span><strong>Final Opinion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Angular 14 is the latest version that simplifies the <a href=\"https:\/\/www.adsumsoftware.com\/web-development\">Angular web app development<\/a> process. In this blog, we have listed the new features that everyone should know for the development process. If you are planning to <a href=\"https:\/\/www.adsumsoftware.com\/dedicated-development-team\">hire angular developer<\/a>, then make sure you as a coder should have in-depth knowledge about the <a href=\"https:\/\/www.adsumsoftware.com\/web-development\">Angular web development services<\/a> along with this, should get updated with the latest releases that ensure to stay ahead in the competitive edge.\u00a0<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:26px\"\/><\/div>\n\n\n\n<div style=\"text-align:center\" class=\"wp-block-genesis-blocks-gb-cta gb-block-cta\"><div class=\"gb-cta-content\"><h2 class=\"gb-cta-title gb-font-size-32\" style=\"color:#32373c\"><span class=\"ez-toc-section\" id=\"Are_you_looking_to_hire_an_angular_developer_to_upgrade_your_application_from_Angular_13_to_Angular_14\"><\/span>Are you looking to hire an angular developer to upgrade your application from Angular 13 to Angular 14?<span class=\"ez-toc-section-end\"><\/span><\/h2><div class=\"gb-cta-text gb-font-size-32\" style=\"color:#32373c\"><p>We provide a FREE CONSULTATION for\u00a0<strong>60 minutes!<\/strong><\/p><\/div><\/div><div class=\"gb-cta-button\"><a href=\"https:\/\/www.adsumsoftware.com\/enquiry\" target=\"_self\" rel=\"noopener noreferrer\" class=\"gb-button gb-button-shape-rounded gb-button-size-medium\" style=\"color:#ffffff;background-color:#3373dc\">Contact us<\/a><\/div><\/div>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:30px\"\/><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQs\"><\/span><strong>FAQs:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-accordion gb-block-accordion\"><details><summary class=\"gb-accordion-title\"><strong>How to Install Angular 14?<\/strong><\/summary><div class=\"gb-accordion-text\">\n<p>Developers can easily install Angular v14 via npm by employing the next flag. Then, go ahead with opening a new command-line interface and run the following command to install the latest version of Angular globally used by the developers.<\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:17px\"\/><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>npm: npm install -g @angular\/cli@next<\/code><\/pre>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-genesis-blocks-gb-spacer gb-block-spacer gb-divider-solid gb-divider-size-1\"><hr style=\"height:16px\"\/><\/div>\n\n\n\n<p>The one line will allow you to update your installation of Angular CLI at any time on your system without having to download it again.<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-accordion gb-block-accordion\"><details><summary class=\"gb-accordion-title\"><strong>Which version of TypeScript is compatible with Angular 14?<\/strong><\/summary><div class=\"gb-accordion-text\">\n<p>Angular 14 support TypeScript version 4.7<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-accordion gb-block-accordion\"><details><summary class=\"gb-accordion-title\"><strong>How to Upgrade to Angular 14?<\/strong><\/summary><div class=\"gb-accordion-text\">\n<p>Through this <a href=\"https:\/\/update.angular.io\/?v=13.0-14.0\">source<\/a>, you can update from Angular 13 to Angular 14.<\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-accordion gb-block-accordion\"><details><summary class=\"gb-accordion-title\"><strong>How to find the top company for Angular 14 development?<\/strong><\/summary><div class=\"gb-accordion-text\">\n<p>The foremost thing is to research in-depth, overview the portfolio, review the project submission, ask the existing customers about the performance, and much more.<\/p>\n<\/div><\/details><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Angular is a popular open source and typescript web application framework. It is used widely by top-notch web developers for frontend app development. Most web developers opt for Angular, led by the Angular team at Google. Recently, it has created a buzz as its latest version was introduced in the market-Angular 14.&nbsp; What&#8217;s New in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":216,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,15,14],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Get to Know Every Important Feature and Update in Angular 14<\/title>\n<meta name=\"description\" content=\"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We&#039;ve covered all key features.\" \/>\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.adsumsoftware.com\/blog\/whats-new-in-angular-14\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Get to Know Every Important Feature and Update in Angular 14\" \/>\n<meta property=\"og:description\" content=\"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We&#039;ve covered all key features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\" \/>\n<meta property=\"og:site_name\" content=\"Adsum Software\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/adsumsoftware\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-02T06:20:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-02T07:17:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/angular-14-all-the-important-updates-and-key-features.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"787\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adsum Software\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AdsumSoftware\" \/>\n<meta name=\"twitter:site\" content=\"@AdsumSoftware\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adsum Software\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\"},\"author\":{\"name\":\"Adsum Software\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/c594d0e9fd51ecfcf9d2303f5be3a820\"},\"headline\":\"Angular 14: All the Important Updates and Key Features\",\"datePublished\":\"2022-08-02T06:20:27+00:00\",\"dateModified\":\"2022-08-02T07:17:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\"},\"wordCount\":1146,\"publisher\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#organization\"},\"articleSection\":[\"App Development\",\"Web App Development\",\"Website Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\",\"url\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\",\"name\":\"Get to Know Every Important Feature and Update in Angular 14\",\"isPartOf\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#website\"},\"datePublished\":\"2022-08-02T06:20:27+00:00\",\"dateModified\":\"2022-08-02T07:17:43+00:00\",\"description\":\"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We've covered all key features.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.adsumsoftware.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 14: All the Important Updates and Key Features\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#website\",\"url\":\"https:\/\/www.adsumsoftware.com\/blog\/\",\"name\":\"Adsum Software\",\"description\":\"IT Consulting &amp; Professional Services\",\"publisher\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.adsumsoftware.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#organization\",\"name\":\"Adsum Software\",\"url\":\"https:\/\/www.adsumsoftware.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/07\/logo-adsum-software.jpg\",\"contentUrl\":\"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/07\/logo-adsum-software.jpg\",\"width\":667,\"height\":186,\"caption\":\"Adsum Software\"},\"image\":{\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/adsumsoftware\",\"https:\/\/twitter.com\/AdsumSoftware\",\"https:\/\/www.linkedin.com\/company\/adsum-software\",\"https:\/\/www.instagram.com\/adsumsoftware\/\",\"https:\/\/adsumsoftware.quora.com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/c594d0e9fd51ecfcf9d2303f5be3a820\",\"name\":\"Adsum Software\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/642ed98e6f9110659aaa38eace9de170?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/642ed98e6f9110659aaa38eace9de170?s=96&d=mm&r=g\",\"caption\":\"Adsum Software\"},\"description\":\"Award-winning Adsum Software Development Company. Adsum Software Custom Web and Mobile App Development Company. We are born to innovative solutions. The company is not only a globally recognized IT company but also a family filled with talented experts that help global brands, enterprises, mid-size businesses or even startups with innovative solutions.\",\"sameAs\":[\"http:\/\/localhost\/adsum\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Get to Know Every Important Feature and Update in Angular 14","description":"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We've covered all key features.","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.adsumsoftware.com\/blog\/whats-new-in-angular-14","og_locale":"en_US","og_type":"article","og_title":"Get to Know Every Important Feature and Update in Angular 14","og_description":"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We've covered all key features.","og_url":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14","og_site_name":"Adsum Software","article_publisher":"https:\/\/www.facebook.com\/adsumsoftware","article_published_time":"2022-08-02T06:20:27+00:00","article_modified_time":"2022-08-02T07:17:43+00:00","og_image":[{"width":1400,"height":787,"url":"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/angular-14-all-the-important-updates-and-key-features.png","type":"image\/png"}],"author":"Adsum Software","twitter_card":"summary_large_image","twitter_creator":"@AdsumSoftware","twitter_site":"@AdsumSoftware","twitter_misc":{"Written by":"Adsum Software","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#article","isPartOf":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14"},"author":{"name":"Adsum Software","@id":"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/c594d0e9fd51ecfcf9d2303f5be3a820"},"headline":"Angular 14: All the Important Updates and Key Features","datePublished":"2022-08-02T06:20:27+00:00","dateModified":"2022-08-02T07:17:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14"},"wordCount":1146,"publisher":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/#organization"},"articleSection":["App Development","Web App Development","Website Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14","url":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14","name":"Get to Know Every Important Feature and Update in Angular 14","isPartOf":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/#website"},"datePublished":"2022-08-02T06:20:27+00:00","dateModified":"2022-08-02T07:17:43+00:00","description":"The new features and enhancements in Angular 14 make it easier for developers to create robust applications. We've covered all key features.","breadcrumb":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.adsumsoftware.com\/blog\/whats-new-in-angular-14#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.adsumsoftware.com\/blog"},{"@type":"ListItem","position":2,"name":"Angular 14: All the Important Updates and Key Features"}]},{"@type":"WebSite","@id":"https:\/\/www.adsumsoftware.com\/blog\/#website","url":"https:\/\/www.adsumsoftware.com\/blog\/","name":"Adsum Software","description":"IT Consulting &amp; Professional Services","publisher":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.adsumsoftware.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.adsumsoftware.com\/blog\/#organization","name":"Adsum Software","url":"https:\/\/www.adsumsoftware.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/07\/logo-adsum-software.jpg","contentUrl":"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/07\/logo-adsum-software.jpg","width":667,"height":186,"caption":"Adsum Software"},"image":{"@id":"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/adsumsoftware","https:\/\/twitter.com\/AdsumSoftware","https:\/\/www.linkedin.com\/company\/adsum-software","https:\/\/www.instagram.com\/adsumsoftware\/","https:\/\/adsumsoftware.quora.com\/"]},{"@type":"Person","@id":"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/c594d0e9fd51ecfcf9d2303f5be3a820","name":"Adsum Software","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adsumsoftware.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/642ed98e6f9110659aaa38eace9de170?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/642ed98e6f9110659aaa38eace9de170?s=96&d=mm&r=g","caption":"Adsum Software"},"description":"Award-winning Adsum Software Development Company. Adsum Software Custom Web and Mobile App Development Company. We are born to innovative solutions. The company is not only a globally recognized IT company but also a family filled with talented experts that help global brands, enterprises, mid-size businesses or even startups with innovative solutions.","sameAs":["http:\/\/localhost\/adsum\/blog"]}]}},"featured_image_src":"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/angular-14-all-the-important-updates-and-key-features-600x400.png","featured_image_src_square":"https:\/\/www.adsumsoftware.com\/blog\/wp-content\/uploads\/2022\/08\/angular-14-all-the-important-updates-and-key-features-600x600.png","author_info":{"display_name":"Adsum Software","author_link":"https:\/\/www.adsumsoftware.com\/blog\/author\/softadminadsum"},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/posts\/215"}],"collection":[{"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":17,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/posts\/215\/revisions\/245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/media\/216"}],"wp:attachment":[{"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.adsumsoftware.com\/blog\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}