AngularJS Tutorial


AngularJS extends HTML with new properties and expressions.

AngularJS can build a single page application (SPAs: Single Page Applications).

AngularJS is very easy to learn.

Start learning AngularJS now!

Each chapter has a corresponding example

In each chapter, you can edit the example online and click the button to view the result.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

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

</body>
</html>

Run Instance»

Click the "Run Instance" button to view the online instance

What you need to know before reading this tutorial:

Before you start learning AngularJS, you need to have the following basic knowledge:

  • HTML

  • CSS

  • JavaScript

AngularJS History

AngularJS is Relatively new technology, version 1.0 was released in 2012.

AngularJS was developed by Google employee Miško Hevery since 2009.

This is a very good idea. The project is now officially supported by Google, and a full-time development team continues to develop and maintain this library.

AngularJS Examples

This tutorial contains a lot of AngularJS examples!

AngularJS Example

AngularJS Reference Manual

The reference manual contains all directives and filters used in this tutorial.

AngularJS Reference Manual