AngularJS


Instance

You can edit the instance 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

AngularJS Basics

My first AngularJS expression
My first AngularJS directive
My first AngularJS directive (with valid HTML5)
AngularJS controller

Basic AngularJS explanation

AngularJS expression

Simple expression
No Expressions using ng-app
Expressions with numbers
Using ng-bind with numbers
Expressions with strings
Using ng-bind with strings
Expression with object
Use ng-bind with object
Expression with array
Use ng-bind with array

Expression explanation

AngularJS directive

AngularJS directive
ng-model directive
ng-repeat directive (with array)
ng- repeat directive (with object)

Command explanation

AngularJS controller

AngularJS controller
Controller Attribute
Controller function
Controller I in JavaScript file
Controller II in JavaScript file

Controller explanation

AngularJS filter

Expression filter uppercase
Expression filter lowercase
Currency filter expression
Directive filter orderBy
Input filter

Filter explanation

AngularJS XMLHttpRequest

Read static JSON file

XMLHttpRequest parsing

AngularJS table

Display a table (simple)
Table with CSS style
Table sorting
Use uppercase filter table
Use serial number Table
Using even and odd tables

AngularJS - Reading data from the database

Reading data from the MySQL database
From the SQL Server database Read data

AngularJS SQL parsing

AngularJS HTML DOM

ng-disabled directive
ng-show directive
ng-hide Command

HTML DOM parsing

AngularJS event

ng-click command
ng-hide command
ng-show command

HTML event parsing

AngularJS module

AngularJS module in body
AngularJS module in file

AngularJS module parsing

AngularJS Form

AngularJS Form
AngularJS Validation

AngularJS Form 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 and using the include file feature

Bootstrap parsing

AngularJS application

AngularJS note application
AngularJS memo application

AngularJS application