AngularJS 實例

實例

您可以在線編輯實例，然後點擊按鈕查看結果。

AngularJS 基礎

我的第一個AngularJS表達式
我的第一個AngularJS指令
我的第一個AngularJS指令（帶有有效的HTML5）
AngularJS控制器

基礎的AngularJS講解

AngularJS 表達式

簡單的表達式
不使用ng-app的表達式
帶有數字的表達式
使用帶有數字的ng-bind
帶有字符串的表達式
使用帶有字符串的ng-bind
帶有對象的表達式
使用帶有對象的ng-bind
帶有數組的表達式
使用帶有數組的ng-bind

表達式講解

AngularJS 指令

AngularJS指令
ng-model指令
ng-repeat指令（帶有數組）
ng-repeat指令（帶有對象）

指令講解

AngularJS 控制器

AngularJS控制器
控制器屬性
控制器函數
JavaScript文件中的控制器I
JavaScript文件中的控制器II

控制器講解

AngularJS 過濾器

表達式過濾器uppercase
表達式過濾器lowercase
貨幣過濾器表達式
指令過濾器orderBy
輸入過濾器

過濾器講解

AngularJS XMLHttpRequest

讀取靜態JSON文件

XMLHttpRequest解析

AngularJS 表格

顯示一個表格(簡單)
帶有CSS樣式的表格
表格排序
使用uppercase過濾器的表格
使用序號的表格
使用even和odd表格

AngularJS - 從數據庫中讀取數據

從MySQL數據庫中讀取數據
從SQL Server數據庫中讀取數據

AngularJS SQL解析

AngularJS HTML DOM

ng-disabled指令
ng-show指令
ng-hide指令

HTML DOM解析

AngularJS 事件

ng-click指令
ng-hide指令
ng-show指令

HTML事件解析

AngularJS 模塊

在body中的AngularJS模塊
在文件中AngularJS模塊

AngularJS模塊解析

AngularJS 表單

AngularJS表單
AngularJS驗證

AngularJS表單解析

AngularJS API

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

API解析

AngularJS Bootstrap

AngularJS使用Bootstrap
AngularJS使用Bootstrap並使用包含文件功能

Bootstrap解析

AngularJS 應用

AngularJS筆記應用
AngularJS備忘錄應用

AngularJS應用