AngularJS


AngularJS is a free easy-to-use open source JavaScript framework that is used to create a dynamic web site.

Learn more

Table of Content

  • Directives
  • Expressions
    • Numbers / Strings / Objects / Arrays
    • CSS
  • Module and Controller
  • Scope
  • Filters
    • Filter with Expressions/Directives
    • Filter an Array
    • Sort an Array
    • Custom Filter
  • Services
    • $location Service
    • $http Service
    • $timeout Service
    • $interval Service
    • Create Custom Service
  • HTML
    • Create a Table
    • Enable / Disable HTML Element
    • Show / Hide HTML Element
    • Create Form Elements
    • Form validation
  • Events
    • Mouse Events

ADVANCE:

Why Use AngularJS

AngularJS is a JavaScript framework that extends HTML attributes with built-in or user-defined DIRECTIVES that offers more functionality to an application. It also BINDS data to HTML with EXPRESSIONS.

AngularJS is mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing Single-Page Applications (SPAs).

HTML is great for creating STATIC pages. However, AngularJS is great at creating DYNAMIC web applications by extending HTML. It works well with other JavaScript libraries.

Like all JavaScript frameworks, it can be add to an HTML page within a script tag:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

NOTE: While it is common practice to load a JavaScript library at the end of the <body> element, it is recommended that the AngularJS library gets loaded either in the <head> tag or at the top for the <body> tag because calls to angular.module can only be compiled after the library has been loaded.

HISTORY: A Google employee named Misko Hevery started work on AngularJS in 2009 and the first version was released in 2012.

Resource Links




AngularJS CRUD Links

AngularJS CRUD Tutorials

Important Note

To save space, the script tag and HTML framework tags will not be shown but IMPLIED for most code examples. Typically, the script will go within the <head> tag and the HTML elements will go within the <body> tag. However, they can be seen in the demos if you right-click on the page and select View Page Source.

Demos