Il miglior tutorial AngularJS Applicazioni Nel 2024, in questo tutorial puoi imparare AngularJS esempi di applicazione,Le mie note,Spiegare l'applicazione,AngularJS esempi,AngularJS Application Architecture,Sommario - Come funziona?,
Ora è il momento di creare una vera e propria AngularJS applicazioni Web sola pagina (pagina singola applicazione web, SPA) a.
Hai imparato abbastanza conoscenza circa AngularJS, è ora possibile iniziare a creare la vostra prima applicazione AngularJS:
Rimanendo Conteggio parole:100
File di applicazione "myNoteApp.js":
File di controllo "myNoteCtrl.js":
<Html> elemento è l'applicazione AngularJS: NG-app = contenitore "myNoteApp":
pagine <div> HTML nel controller: NG-controllore = "myNoteCtrl" scope:
direttiva ng-modello bind <textarea> al messaggio variabile di controllo:
Due ng-click evento chiama la funzione di controllo chiaro () e save ():
comando ng-bind per associare la funzione di regolazione di sinistra () per <span>, viene utilizzato per visualizzare i caratteri rimanenti:
Applicazioni file di libreria necessari per eseguire dopo AngularJs carico:
Esempi di quanto sopra è una sola pagina completi AngularJS applicazioni Web (applicazioni web singola pagina, SPA).
<Html> elemento contiene applicazione AngularJS (ng-app =).
<Div> elemento definisce il campo di applicazione (ng controller =) AngularJS controller.
Le applicazioni possono essere realizzati in molti controllori.
Il file di applicazione (il mio it. App.js) definisce l'applicazione del codice del modello.
Uno o più file di controllori (la mia it. Ctrl.js) definisce il codice di controllo.
direttiva ng-app nell'elemento principale dell'applicazione.
Per le applicazioni una sola pagina web (applicazioni web singola pagina, SPA), applicazioni di root di solito <html> elemento.
Uno o più direttiva ng-controllore definisce il controller dell'applicazione. Ogni controller è dotato di HTML :: elementi della sua stessa definizione ambito.
AngularJS avviare automaticamente in caso HTML DOMContentLoaded. Se si trova direttiva ng-app, AngularJS modulo di istruzioni di carico, e ng-app come la radice della domanda da compilare.
applicazione Root può essere una piccola parte dell'intera pagina o pagine, se è una piccola parte sarà più veloce compilazione e l'esecuzione.