{"id":22839,"date":"2022-11-22T09:43:53","date_gmt":"2022-11-22T08:43:53","guid":{"rendered":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/"},"modified":"2022-11-22T09:43:53","modified_gmt":"2022-11-22T08:43:53","slug":"angular-15-con-api-standalone","status":"publish","type":"post","link":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/","title":{"rendered":"Angular 15 con API standalone"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p><strong>Angular 15<\/strong>, nuova versione di uno dei framework Open Source pi\u00f9 utilizzati dagli sviluppatori che realizzano applicazioni per il Web, \u00e8 stato rilasciato nelle scorse ore portando con s\u00e9 diversi miglioramenti per quanto riguarda le performance e i bugfix.<\/p>\n<h2 id=\"la-nuova-api-standalone\">La nuova API standalone<\/h2>\n<p>La novit\u00e0 pi\u00f9 interessante di questo aggiornamento effettuato dal team di Google \u00e8 per\u00f2 probabilmente l&#8217;integrazione di un&#8217;<strong>API<\/strong> (<em>Application Programming Interface<\/em>) <strong>standalone<\/strong>, grazie alla quale utilizzare questa libreria scritta in <a href=\"https:\/\/www.html.it\/guide\/guida-typescript\/\" target=\"_blank\" rel=\"noopener\">TypeScript<\/a> per sviluppare applicazioni <a href=\"https:\/\/www.html.it\/guide\/guida-javascript-di-base\/\" target=\"_blank\" rel=\"noopener\">JavaScript<\/a> e pagine Web senza l&#8217;uso di NgModules.<\/p>\n<p>L&#8217;API standalone non <a href=\"https:\/\/blog.angular.io\/angular-v15-is-now-available-df7be7f2f4c8\" target=\"_blank\" rel=\"noopener\">rappresenta<\/a> una feature del tutto inedita in quanto la sua anteprima per gli sviluppatori era stata introdotta in Angular 14 gi\u00e0 lo scorso giugno. <\/p>\n<p>Con il rilascio di tale funzionalit\u00e0 in versione stabile i coders avranno in mano anche un nuovo strumento che semplifica la gestione delle dipendenze in quanto il bootsrap delle applicazioni potr\u00e0 essere effettuato con un singolo componente.<\/p>\n<p>Stesso discorso per quanto riguarda la riutilizzabilit\u00e0 del codice che risulter\u00e0 molto pi\u00f9 elevata rispetto al passato.<\/p>\n<h2 id=\"supporto-migliorato-per-http\">Supporto migliorato per HTTP<\/h2>\n<p>Da segnalare anche l&#8217;evoluzione del supporto per <strong>HTTP<\/strong> con la possibilit\u00e0 di utilizzare <code>provideHttpClient<\/code> per la classe <code>HttpClient<\/code> senza dover far ricorso a <code>HttpClientModule<\/code>. A questa novit\u00e0 si aggiunge <code>provideHttpClientTesting()<\/code> per l&#8217;impiego della classe <code>HttpClient<\/code> in fase di test <code>provideLocationMocks()<\/code> per i test dei componenti via router.<\/p>\n<p>Sempre per quanto riguarda il supporto ad HTTP \u00e8 utile segnalare anche che gli intercettori HTTP possono essere ora definiti sotto forma di funzioni.<\/p>\n<h2 id=\"novita-per-la-linea-di-comando\">Novit\u00e0 per la linea di comando<\/h2>\n<p>Un&#8217;ultima nuova feature che merita di essere citata riguarda la <strong>CLI<\/strong> (<em>Command Line Interface<\/em>) di Angular con la quale sar\u00e0 possibile generare un nuovo componente standalone tramite l&#8217;istruzione:<\/p>\n<pre><code class=\"language-bash\">ng g component \u2013- standalone<\/code><\/pre>\n<p>Da ricordare anche la semplificazione dell&#8217;output prodotto attraverso <code>ng new<\/code> e una configurazione pi\u00f9 snella rispetto alle versioni precedenti grazie alla rimozione di <code>test.ts<\/code>, <code>polyfills.ts<\/code> e <code>environments<\/code>.<\/p>\n<\/p><\/div>\n<p><br \/>\n<br \/><a href=\"https:\/\/www.html.it\/magazine\/angular-15-con-api-standalone\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular 15, nuova versione di uno dei framework Open Source pi\u00f9 utilizzati dagli sviluppatori che realizzano applicazioni per il Web, \u00e8 stato rilasciato nelle scorse ore portando con s\u00e9 diversi miglioramenti per quanto riguarda le performance e i bugfix. La nuova API standalone La novit\u00e0 pi\u00f9 interessante di questo aggiornamento effettuato dal team di Google&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular 15 con API standalone - AGENZIA WEB Italia<\/title>\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.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 15 con API standalone - AGENZIA WEB Italia\" \/>\n<meta property=\"og:description\" content=\"Angular 15, nuova versione di uno dei framework Open Source pi\u00f9 utilizzati dagli sviluppatori che realizzano applicazioni per il Web, \u00e8 stato rilasciato nelle scorse ore portando con s\u00e9 diversi miglioramenti per quanto riguarda le performance e i bugfix. La nuova API standalone La novit\u00e0 pi\u00f9 interessante di questo aggiornamento effettuato dal team di Google...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\" \/>\n<meta property=\"og:site_name\" content=\"AGENZIA WEB Italia\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-22T08:43:53+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"headline\":\"Angular 15 con API standalone\",\"datePublished\":\"2022-11-22T08:43:53+00:00\",\"dateModified\":\"2022-11-22T08:43:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\"},\"wordCount\":294,\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\",\"name\":\"Angular 15 con API standalone - AGENZIA WEB Italia\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\"},\"datePublished\":\"2022-11-22T08:43:53+00:00\",\"dateModified\":\"2022-11-22T08:43:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 15 con API standalone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"name\":\"AGENZIA WEB Italia\",\"description\":\"Web design Web agency Italia\",\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\",\"name\":\"Multimedia Web\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"contentUrl\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"width\":200,\"height\":57,\"caption\":\"Multimedia Web\"},\"image\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 15 con API standalone - AGENZIA WEB Italia","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.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/","og_locale":"it_IT","og_type":"article","og_title":"Angular 15 con API standalone - AGENZIA WEB Italia","og_description":"Angular 15, nuova versione di uno dei framework Open Source pi\u00f9 utilizzati dagli sviluppatori che realizzano applicazioni per il Web, \u00e8 stato rilasciato nelle scorse ore portando con s\u00e9 diversi miglioramenti per quanto riguarda le performance e i bugfix. La nuova API standalone La novit\u00e0 pi\u00f9 interessante di questo aggiornamento effettuato dal team di Google...","og_url":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/","og_site_name":"AGENZIA WEB Italia","article_published_time":"2022-11-22T08:43:53+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#article","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/"},"author":{"name":"admin","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"headline":"Angular 15 con API standalone","datePublished":"2022-11-22T08:43:53+00:00","dateModified":"2022-11-22T08:43:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/"},"wordCount":294,"publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"articleSection":["News"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/","name":"Angular 15 con API standalone - AGENZIA WEB Italia","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website"},"datePublished":"2022-11-22T08:43:53+00:00","dateModified":"2022-11-22T08:43:53+00:00","breadcrumb":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/angular-15-con-api-standalone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nycwebdesign.eu\/webdesign\/"},{"@type":"ListItem","position":2,"name":"Angular 15 con API standalone"}]},{"@type":"WebSite","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","name":"AGENZIA WEB Italia","description":"Web design Web agency Italia","publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization","name":"Multimedia Web","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","contentUrl":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","width":200,"height":57,"caption":"Multimedia Web"},"image":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22839"}],"collection":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/comments?post=22839"}],"version-history":[{"count":0,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22839\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/media?parent=22839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/categories?post=22839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/tags?post=22839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}