HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
Now is the time to create a real AngularJS single-page Web applications (single page web application, SPA) a.
You've learned enough knowledge about AngularJS, you can now start creating your first AngularJS application:
Remaining Word Count:100
Application Files "myNoteApp.js":
Controller File "myNoteCtrl.js":
<html> element is AngularJS application: ng-app = "myNoteApp" container:
<div> HTML pages in the controller: ng-controller = "myNoteCtrl" scope:
ng-model directive bind <textarea> to the controller variable message:
Two ng-click event calls the controller function clear () and save ():
ng-bind command to bind the controller function left () to <span>, is used to display the remaining characters:
Applications library files needed to perform after AngularJs loading:
Examples of the above is a complete AngularJS single-page Web applications (single page web application, SPA).
<html> element contains AngularJS application (ng-app =).
<div> element defines the scope of (ng-controller =) AngularJS controller.
Applications can be made in a lot of controllers.
The application file (my /en. App.js) defines the application of the model code.
One or more controllers file (my /en. Ctrl.js) defines the controller code.
ng-app directive in the root element of the application.
For single-page Web applications (single page web application, SPA), root applications usually <html> element.
One or more ng-controller directive defines the application controller. Each controller has HTML :: elements of his own scope definition.
AngularJS start automatically in HTML DOMContentLoaded event. If you find ng-app directive, AngularJS load instruction module, and ng-app as the root of the application to be compiled.
Root application may be a small part of the whole page, or pages, if it is a small part will be faster compilation and execution.