AngularJS Examples

Try It Yourself

You can edit the examples online and then click the button to see the results.

AngularJS Examples

<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>
</div>

Try It Yourself

AngularJS Basics

• My First AngularJS Directive
• My First AngularJS Directive (Compliant with HTML5 Standards)
• My First AngularJS Expression
• A Simple AngularJS Expression Using Variables
• My First AngularJS Controller

Basic Introduction to AngularJS

AngularJS Expressions

• A Simple Expression
• Expressions Without ng-app
• Expressions Containing a Number
• Using ng-bind to Bind a Number
• Expressions Containing a String
• Using ng-bind to Bind a String
• Expressions Containing an Object
• Using ng-bind to Bind an Object
• Expressions Containing an Array
• Using ng-bind to Bind an Array

Introduction to Expressions

AngularJS Modules

• AngularJS Controllers
• Modules and Controllers in the File
• When to Load AngularJS

Module Introduction

AngularJS Directives

• AngularJS Directives
• ng-model directive
• ng-repeat directive (used for arrays)
• ng-repeat directive (used for objects)
• Create a New Directive
• Using a New Directive as an Element
• Using a New Directive as an Attribute
• Using a New Directive as a Class
• Using a New Directive as a Comment
• Directives with Restrictions

Introduction to Directives

AngularJS Models

• AngularJS Models
• Models with Two-Way Binding
• Models with Validation
• Forms and Their Current Validation Status
• Set CSS Class When Field Is Invalid

Introduction to Models

AngularJS Controllers

• AngularJS Controllers
• Controller Properties
• Controller Functions
• Controllers in JavaScript Files I
• Controllers in JavaScript Files II

Introduction to Controllers

AngularJS Scopes

• AngularJS Scopes
• Scopes Are Synchronous
• Different Scopes
• Root Scope

Introduction to Scopes

AngularJS Filters

• Expression Filters uppercase
• Expression Filters lowercase
• Expression Filters currency
• Directive Filters orderBy
• Input Filters

Introduction to Filters

AngularJS XMLHttpRequest

• Reading Static JSON Files

Introduction to XMLHttpRequest