• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina
Glue Labs

Glue Labs

Trasformiamo le tue idee in prodotti digitali di successo!

  • HOME
  • SOLUZIONI
  • NEWS
  • PRODOTTI
  • CONTATTI
  • CASE STUDY

Le novità di Angular 14

Standalone Components, Typed Angular Form, diagnostica e primitive in Angular CDK

E’ arrivato Angular 14! La nuova versione coinvolge diversi aspetti del framework, dai form alle componenti standalone, in particolare introducendo primitive nell’Angular Component Dev Kit(CDK). Come sempre l’aggiornamento rende più funzionale e ricco il framework.

Per aggiornare alla versione 14 puoi visitare il sito update.angular.io che ti mette a disposizione un form da compilare indicando da quale versione migrare e ti indica cosa devi fare.

Le Standalone Components

Le Angular standalone components hanno l’obiettivo di semplificare la creazione di applicazioni riducendo la necessità del NgModule. Attraverso gli elementi standalone, come le direttive e le pipe, è possibile aggiungere direttamente imports nella @Component() senza un @NgModule().

Puoi esplorare la nuova funzionalità attraverso una demo disponibile al seguente link. La funzionalità è in sviluppo e non ancora completamente stabile pertanto puoi contribuire alla crescita della funzionalità con feedback sul progetto Github.

Typed Angular Forms

Con Angular 14 viene chiusa una issue aperta dal 2016: implementare “strict typing” per il pacchetto Angular Reactive Forms. Typed Forms assicura che i valori inseriti nei controlli, nei gruppi e negli array dei form sono “type safe” per tutta la superficie della API. Ciò abilita una migliore sicurezza dei form soprattutto in caso di nidificati e complessi valori.

Semplificare le best practices

All’interno di Angular 14 trovano posto funzionalità native per costruire applicazioni di alta qualità come le nuove guide sul change detection e il titolo della pagina che comunichi correttamente il contenuto(Route.title property).

Diagnostica

Sono state introdotte nuove diagnostiche che forniscono un framework per ottenere maggiori insight sui template e su come migliorarli. Le nuove diagnostiche ti permettono di avere warning precisi sulla compilazione dell’applicazione con suggerimenti attivabili al momento e che individuano eventuali bug prima di andare in produzione. Queste si inseriscono tra quelle incluse nella versione 13.2 come l’errore “Banana in a box” e il “Nullish Coalescing on non-nullable values“.

Nuove primitive in Angular CDK

Angular CDK fornisce una suite completa di tool per costruire Angular Component. Nella versione 14, cono state introdotte in maniera stabile le primitive Menu e Dialog.

Miglioramenti alla Command Line Interface(CLI)

Attraverso il parsing di argomenti standardizzati si ottiene maggiore consistenza della CLI, per questo è stato deprecato il supporto al camel case ed ogni flag utilizza –lower-skewer-case. Inoltre:

  • all’interno di ng completion viene introdotto il real time type-ahead autocompletamento;
  • ng analytics permette di controllare le impostazioni delle analitiche e stampare le relative informazioni in modo da ottenere dati telemetrici sul progetto;
  • ng cache permette di controllare e stampare le informazioni sulla cache.

Altri aggiornamenti

Nella nuova versione hanno inoltre trovato spazio:

  • l’estensione Angualr DevTools supporta l’utilizzo offline ed è disponibile anche per Firefox;
  • l’introduzione della sperimentale ESM Application Build all’interno di ng build;
  • supporto a TypeScript 4.7;
  • bind direttamente dal template verso componenti protette;
  • possibilità di passare un injector opzionale al momento della creazione di una embedded view;
  • chiusura di un’altra issue del 2016, ora i cambiamenti di NgModel trovano riscontro nella UI per le componenti OnPush.
  • nuovi metodi per HarnessLoader volti alla verifica delle harness.

Glue Labs e Angular

Utilizziamo Angular dalla sua nascita, ti forniamo lo sviluppo di applicazioni, la formazione avanzata e l’assistenza specialistica in modalità body rental, training on job e con piani di supporto tecnico per i tuoi progetti. Abbiamo integrato Angular in diversi applicativi e con numerosi Clienti. Ti garantiamo ogni nostro progetto di sviluppo 12 mesi da qualsiasi bug. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Corso Angular 14

Categoria: Articoli Tags: angular, angular 14, Angular CDK, front end framework, javascript framework, web application

Barra laterale primaria

Cosa facciamo

  • Content Strategy
  • E-Commerce
  • Formazione avanzata Web, Mobile & Cloud
  • IoT – Sviluppo e Integrazione
  • Micro Live Learning(MLL) Web, Mobile & Cloud
  • Project Management Prince2
  • PushAPE
  • Sicurezza ICT
  • Software Aziendali
  • Sviluppo Mobile App
  • Sviluppo, Supporto, Assistenza Tecnica e Hosting Google Cloud
  • System Integration
  • Web Application
  • Web Design

Contatti

Scrivici dal form di contatto

Tel +39 06 56549766
Fax +39 06 21122581
Mail: info@glue-labs.com
Pec: gluelabs@legalmail.it

Dove siamo

Roma: Piazza Don Sturzo 15
Milano: Via Lazzaretto 19
Torino: Via San Domenico 28
Altamura: Via Maggio 1648 24

"*" indica i campi obbligatori

Nome*
Questo sito è protetto da reCAPTCHA e si applicano le Normative sulla Privacy e i Termini di Servizio di Google.
Inviando i tuoi dati accetti le condizioni sulla Privacy. Li useremo per rispondere alle tue domande e richieste.
Consenso*
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Siamo parte di

La nostra Agenzia di Marketing

Footer

Partnership



Rimaniamo in contatto

Iscriviti alla nostra newsletter

Nome
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Soluzioni

  • Integrazione di Spreaker API con WordPress e Web Application
  • Revisione, validazione, attestazione e Relazione Tecnica su Ricerca & Sviluppo e Innovazione Tecnologica
  • Migrazione da ASP.NET Web Forms e Visual Basic ad Angular Web Application
  • Corso Angular 15
  • Supporto ed Integrazione di SPID e CIE con OpenID Connect
  • Consulenza e Assessment pre-formazione
  • Integrazione con le API di OpenAI e ChatGPT
  • Corso Firebase
  • Corso Cucumber per Javascript
  • Supporto ed Assistenza nell’implementazione ed utilizzo dei Kit di Designers Italia

Articoli

  • Le 4 metriche principali delle Performance del DevOps
  • Come trasformare una Web Application in una Mobile App: Capacitor di Ionic
  • Moodle per essere compliant con gli obblighi formativi in ambito sicurezza sul lavoro
  • Perchè adottare il modello One Concern(o Application) One Container
  • Perchè utilizzare la WebAR
  • Le 3 ragioni per implementare un chatbot nella tua azienda
  • I 5 fattori che impattano sulla reliability delle applicazioni
  • Le 10 innovazioni che modificheranno i servizi IT nel 2023
  • DevSusOps: sviluppare per la sostenibilità del software e delle architetture IT
  • Cos’è la Communications Platform as a Service(CPaaS) e perchè utilizzarla

Le nostre sedi

  • Roma, Piazza Don Sturzo 15
  • Milano, Via Lazzaretto 19
  • Torino, Via San Domenico 28
  • Altamura, Via Maggio 1648 24

Contatti

  • Tel. +39 06 87811067
  • Fax +39 06 99335373
  • glue-labs@legalmail.it
  • info@glue-labs.com
  • Facebook
  • LinkedIn
  • Twitter

Scarica app da App StoreScarica app da Play Store


Glue Labs © 2011–2023 | Copyright | Privacy Policy | Company Info | Cookie Policy | Gestione Cookies

Gestisci Consenso Cookie
Usiamo cookie per ottimizzare il nostro sito web ed i nostri servizi.
Funzionale Sempre attivo
La conservazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire la fruizione di uno specifico servizio esplicitamente richiesto dall'abbonato o dall'utente, o al solo fine di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente a fini statistici anonimi. Senza un mandato di comparizione, il rispetto volontario da parte del tuo provider di servizi Internet o registrazioni aggiuntive da parte di terzi, le informazioni archiviate o recuperate solo per questo scopo non possono essere generalmente utilizzate per identificarti. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
L'archiviazione tecnica o l'accesso è necessario per creare profili utente per inviare pubblicità o per tracciare l'utente su un sito Web o su più siti Web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci fornitori Per saperne di più su questi scopi
Gestisci preferenze
{title} {title} {title}