AngularJS Examples
Try it Yourself
You can edit the examples online, and click on a button to view the result.
AngularJS Example
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>
</div>
Try it Yourself »
<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>
</div>
AngularJS Basics
My first AngularJS Directives
My first AngularJS Directives
(with valid HTML5)
My first AngularJS Expression
A simple AngularJS Expression, using a variable
My first AngularJS Controller
AngularJS Expressions
A simple Expression
Expression without ng-app
Expression with Numbers
Using ng-bind with Numbers
Expression with Strings
Using ng-bind with Strings
Expression with Objects
Using ng-bind with Objects
Expression with Arrays
Using ng-bind with Arrays
AngularJS Modules
AngularJS Directives
AngularJS Directives
The ng-model Directive
The ng-repeat Directive (with Arrays)
The ng-repeat Directive (with Objects)
Make a new Directive
Using the new directive as element
Using the new directive as attribute
Using the new directive as a class
Using the new directive as a comment
A Directive with restrictions
AngularJS Models
AngularJS Model
A Model with two-way binding
A Model with validation
A form and its current validation status
Set a CSS class when a field is invalid
AngularJS Controllers
AngularJS Controller
Controller Properties
Controller Functions
Controller in JavaScript File I
Controller in JavaScript File II
AngularJS Scopes
AngularJS Filters
Expression Filter uppercase
Expression Filter lowercase
Expression Filter currency
Directive Filter orderBy
Input Filters
AngularJS XMLHttpRequest
AngularJS Tables
Displaying a table (simple)
Displaying a table with CSS
Displaying a table with an orderBy filter
Displaying a table with an uppercase filter
Displaying a table with an index
Displaying a table with even and odd
AngularJS - Reading from SQL Resources
AngularJS HTML DOM
The ng-disabled Directive
The ng-show Directive
The ng-show, based on a condition
The ng-hide Directive
AngularJS Events
AngularJS Forms
AngularJS API
AngularJS angular.lowercase()
AngularJS angular.uppercase()
AngularJS angular.isString()
AngularJS angular.isNumber()
AngularJS W3.CSS
AngularJS Includes
AngularJS Include HTML
Include a table
containing AngularJS code
Include a file from a different domain
AngularJS Animations
AngularJS Animation
Including the animation library as a dependency
Animation using CSS3 Transitions
Animation using CSS3 Animations