Filtra la ricerca ...
Frase esatta
Categorie

Come fare la somma di più campi input variabili con AngularJS

Ciao e benvenuto. Se hai bisogno di chiarimenti sul codice, lascia un commento (no WhatsApp); ricorda però che non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, quindi se la tua richiesta va oltre il semplice "aiutino", se vuoi mi chiedi una consulenza a pagamento nella pagina contatti. Grazie della comprensione. Alessio

Per chi non nè fosse al corrente, AngularJS è un framework Javascript nato recentemente e di casa Google, qui https://angularjs.org/ il sito ufficiale ; un framework lo possiamo definire una struttura di dati che ci facilita lo sviluppo di un’applicazione e ci aiuta a mantenere un certo ordine; Angular è sviluppato per funzionare con il sistema pattern MVVM (ModelView ViewModel) e MVC (Model View Controller).

La peculiarità di un framework è che avendo una sua struttura permette a più persone di lavorarci conteporaneamente o anche a distanza di tempo, oppure anche di passare il codice di mano in mano senza dover fare quella sorta di “passaggio di consegna”, questo perchè è un pò come una lingua, i vocaboli sono conosciuti da tutti.

Altri framework diffusi possono essere per esempio Boostrap per il CSS oppure Pure, Zend o CodeIgniter per PHP, e via discorrendo.

In questo articolo vediamo una piccola applicazione realizzare con AngularJS, al lavoro!

angularJS

Come sommare più campi con AngularJS

La prima cosa da fare è incorporare Angular nella nostra pagina web, possiamo utilizzare per esempio le CDN di Google, quindi

e successivamente aggiungere l’attributo ng-app ad un qualunque tag HTML.

N.B.

Per la compatibilità con versioni precedenti di Internet Explorer 9, consiglio di aggiungere la seguente stringa, subito dopo la dichiarazione del doctype.

Quindi vediamo un semplice codice per fare la somma di più campi, prendendo come numeri le cifre che passerà l’utente all’interno di campi input text di un form, cioè variabili.

Il risultato è simile a questo :

risultato somma angularLa sintassi {{nome variabile}} , ossia la view in sostanza stampa a video il risultato delle variabili passate attraverso l’attributo ng-model, ossia il model.

Alla prossima! Ciauz!

Potrebbe interessarti anche ...

Hai bisogno di una consulenza, lo sviluppo di un plugin o vuoi incrementare le performance del tuo sito ?

Se vuoi postare codice usa codeshare.io
Se vuoi postare uno screeshot usa postimages.org ed inserisci l'url nel commento.

Lascia un commento


Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Iscriviti e ricevi trucchi e guide

Inserisci la tua email per ricevere gli ultimi articoli dal blog.

Inserendo i tuoi dati confermi di aver letto ed essere d’accordo con la privacy policy.