"> " />
Easy Tutorial
❮ Ng Ng Mouseover Ng Ng Keyup ❯

AngularJS Example


Example

You can edit the example online and then click the button to view the result.

AngularJS Example

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

AngularJS Basics

My First AngularJS Expression My First AngularJS Directive My First AngularJS Directive (with Valid HTML5) AngularJS Controllers



AngularJS Expressions

Simple Expressions Expressions Without ng-app Expressions with Numbers Using ng-bind with Numbers Expressions with Strings Using ng-bind with Strings Expressions with Objects Using ng-bind with Objects Expressions with Arrays Using ng-bind with Arrays



AngularJS Directives

AngularJS Directives ng-model Directive ng-repeat Directive (with Array) ng-repeat Directive (with Object)



AngularJS Controllers

AngularJS Controllers Controller Properties Controller Functions Controller in JavaScript File I Controller in JavaScript File II



AngularJS Filters

Expression Filter uppercase Expression Filter lowercase Currency Filter Expression Directive Filter orderBy Input Filter



AngularJS XMLHttpRequest

Read Static JSON File

XMLHttpRequest Parsing


AngularJS Tables

Display a Table (Simple) Table with CSS Styling Table Sorting Table Using uppercase Filter Table Using Index Table Using even and odd


AngularJS - Reading Data from Database

Read Data from MySQL Database Read Data from SQL Server Database

AngularJS SQL Parsing


AngularJS HTML DOM

ng-disabled Directive ng-show Directive ng-hide Directive

HTML DOM Parsing


AngularJS Events

ng-click Directive ng-hide Directive ng-show Directive

HTML Events Parsing


AngularJS Modules

AngularJS Module in body AngularJS Module in File

AngularJS Modules Parsing


AngularJS Forms

AngularJS Forms AngularJS Validation

AngularJS Forms Parsing


AngularJS API

AngularJS angular.lowercase() AngularJS angular.uppercase() AngularJS angular.isString() AngularJS angular.isNumber()

API Parsing


AngularJS Bootstrap

AngularJS Using Bootstrap AngularJS Using Bootstrap with Include File Feature

Bootstrap Parsing


AngularJS Applications

AngularJS Notes Application AngularJS To-Do Application

AngularJS Applications

❮ Ng Ng Mouseover Ng Ng Keyup ❯