Usare i controller in Foundation for Apps

Con la versione 6, Foundation porta con se anche un nuovo framework: Foundation for Apps!

Come si può intuire, è indirizzato al mobile.

In pratica permette di sviluppare applicazione mobile-oriented, con la possibilità di integrarle in strumenti come Apache Cordova.

Il tutto è basato su Foundation 6 (ovviamente), e su AngularJS.

Se create una nuova app, noterete che non ci sono i classici controller di AngularJS ai quali siamo abituati.

Tutto questo perchè ogni pagina, di default, si riferisce ad un controller di default: il DefaultController.

Filtrare una lista in Ionic Framework

Piccolo tip per Ionic: come posso filtrare una lista scrivendo i valori dentro una input text?

Semplicemtente possiamo usare gli strumenti che ci mette a disposizione AngularJS.

Inviare richieste POST in AngularJS

Solo dopo mi sono accorto che le funzioni success e error sono deprecate in favore di then.

Il tutto è comunque funzionante, ma prima o poi riscrivo l'articolo per bene!

Oggi vediamo come inviare richieste POST usando AngularJS; sul server useremo PHP.

Facciamo però alcune considerazioni:

• invieremo e riceveremo dati in formato JSON
• faremo la codifica (e la decondifica ovviamente) dei dati in BASE64
• nel mio caso specifico siamo su una app (Ionic) e, quindi le richieste sono di tipo Cross-Domain-Origin; imposteremo gli header in PHP, ma non è obbligatorio se non siete in ambito Cross-Domain-Origin

A questo punto direi di cominciare.

Ordinare tabelle in AngularJS

In questo articolo avevamo visto come impostare un filtro in AngularJS.

Oggi aggiungiamo un'altra funzione: l'ordinamento!

In pratica ordiniamo i dati cliccando sulla cella d'intestazione della tabella.

Io non ho usato dei link, come in molti esempi online, perchè non mi funzionano; ho optato direttamente per il click sulla cella.

Controllare la connessione in Apache Cordova con ngCordova

In questo articolo abbiamo visto come controllare la connessione nelle nostre app che fanno uso di Apache Cordova.

In questo articolo tratteremo lo stesso argomento, ma usando ngCordova.

ngCordova è una collezione di strumenti AngularJS per Apache Cordova; questi strumenti vengono molto usati in Ionic, visto che fa uso di AngularJS.

ngCordova mette a disposizione anche la possibilità di controllare lo stato della connessione nelle nostre app.

Aggiornare Ionic in un progetto esistente

Sto usando Ionic per una app, e mi trovo abbastanza bene.

L'unica rottura è la serie di librerie da tenere aggiornate:

• Node.js -> richiesto come base
• Apache Cordova -> richiesto come base per Ionic
• AngularJS -> i progetti di Ionic si basano su questo
• Ionic
• i plugin vari

Ed inoltre dobbiamo farlo sia a livello di sistema che di progetto.