Nello script #256 abbiamo visto come rendere ordinabili gli elementi di una lista utilizzando il supporto al Drag&Drop offerto dalla libreria Angular CDK. In questo script continuiamo a esplorare le capacità di Drag&Drop offert da questa libreria mostrado come sia possibile ...

Quando inizia il drag di un oggetto, Angular CDK crea un clone di quell'oggetto e lo visualizza accanto al puntatore. In caso di necessità, possiamo personalizzare l'aspetto dell'oggetto durante la fase di dragging inserendo all'interno dell'oggetto stesso un qualunque tag HTML ...

Negli script precedenti abbiamo visto come muovere tramite Drag&Drop gli elementi di una lista per permetterne l'ordinamento o lo spastamento in altre liste. Questi script partivano dall'assunto che ogni elemento potesse essere spostato. Tuttavia ci sono casi in cui alcuni ...

La libreria Angular CDK permette di avere informazioni sul browser su cui sta girando l'applicazione come il tipo di browser e se alcune funzionalità sono supportate. Questo è possibile grazie alla classe Platform e ai metodi getSupportedInputTypes, supportsPassiveEventListeners ...

Negli script #170 e #171 abbiamo visto come eseguire chiamate AJAX rispettivamente in GET e POST. Quando dobbiamo effettuare richieste su un dominio diverso da quello in cui ci troviamo, questo tipo di richieste sono effettuabili solo tramite Jsonp. Per effettuare questo tipo di ...

Nello script #167 abbiamo visto come creare un Component per Angular 2. Rispetto ad AngularJS 1.x, la gestione degli eventi dal DOM verso il nostro codice è leggermente differente.In Angular 2 viene utilizzata la notazione con parentesi all'interno del template e viene invocato ...

Quando eseguiamo una chiamata AJAX dobbiamo gestire la possibilità che questa fallisca. Il metodo catch della classe Observable serve esattamente questo scopo in quanto viene invocato non appena la chiamata AJAX va in errore. Questo metodo accetta in input una funzione da ...

Spesso capita di aver la necessità di referenziare degli stili insieme ad un Component, per assegnare un layout grafico particolare ad una certa parte delle nostra applicazione.In questo caso, Angular 2 ci viene in aiuto, consentendoci di sfruttare diverse modalità per inserire ...

In Angular 2, un component è responsabile solo di preparare i dati relativi al template che gestisce. la logica per recuperare e salvare questi dati non appartiene al component bensi a un servizio. In Angular 2 un servizio è una classe che espone dei metodi e che è marcata col ...

Negli script precedenti, abbiamo visto che la classe HttpClient permette semplicemente di effettuare una chiamata HTTP e ottenere la risposta già come oggetto TypeScript utilizzando i generics. Sebbene questa tecnica sia valida nella maggior parte dei casi, non ci permette di ...