AngularJS
實例
您可以在線上編輯實例,然後點擊按鈕查看結果。
實例
<!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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例
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 angular.lowercase()
AngularJS angular.uppercase()
AngularJS angular.isString()
AngularJS angular.isNumber()