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

#AngularJS angular.lowercase()

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

API 解析






#######################################################################。 ######AngularJS Bootstrap######AngularJS 使用Bootstrap###AngularJS 使用Bootstrap 並使用包含檔案功能#########Bootstrap 解析#########AngularJS 應用######AngularJS 筆記應用程式###AngularJS 備忘錄應用######AngularJS 應用程式######