You can edit the examples online, and click on a button to view the result.
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>
</div>
Try it Yourself »
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
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 Controller
Modules and controllers in files
When to load AngularJS
AngularJS Directives
ng-model Directive
ng-repeat Directive (with Arrays)
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 Model
A Model with two-way binding
A Model with validation
A form and it's current validation status
Set a CSS class when a field is invalid
AngularJS Controller
Controller Properties
Controller Functions
Controller in JavaScript File I
Controller in JavaScript File II
AngularJS Scope
scope is in sync
Different Scopes
RootScope
Expression Filter uppercase
Expression Filter lowercase
Expression Filter currency
Directive Filter orderBy
Input Filters
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
Reading from a MySQL database
Reading from a SQL Server database
ng-disabled Directive
ng-show Directive
ng-show, based on a condition
ng-hide Directive
ng-click Directive
ng-hide Directive
ng-show Directive
AngularJS Forms
AngularJS Validation
AngularJS angular.lowercase()
AngularJS angular.uppercase()
AngularJS angular.isString()
AngularJS angular.isNumber()
AngularJS Include HTML
Include a table containting AngularJS code
Include a file from a different domain
AngularJS Animation
Including the animation library as a dependency
Animation using CSS3 Transitions
Animation using CSS3 Animations
AngularJS Note Application
AngularJS ToDo Application