文章出處

  本文給出的大部分示例都可以直接運行,通過點擊運行按鈕來查看結果,同時支持在線編輯代碼。

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p> 

</div>

運行


AngularJS基礎

我的第一個AngularJS指令

我的第一個AngularJS指令(帶data-前綴)

我的第一個AngularJS表達式

我的第一個AngularJS控制器

AngularJS基礎介紹


AngularJS表達式

一個簡單的表達式示例

沒有ng-app的表達式

帶有數字的表達式

使用ng-bind指令代替數字表達式

帶有字符串的表達式

使用ng-bind指令代替字符串表達式

帶有Objects對象的表達式

使用ng-bind指令代替Objects對象表達式

帶有數組的表達式

使用ng-bind指令代替數組表達式

AngularJS表達式概述


AngularJS指令

AngularJS指令

ng-model指令

ng-repeat指令(數組)

ng-repeat指令(Objects對象)

AngularJS指令概述


AngularJS控制器

AngularJS控制器

控制器屬性

控制器方法

在JavaScript文件I中的控制器

在JavaScript文件II中的控制器

AngularJS控制器概述


AngularJS過濾器

表達式過濾器uppercase

表達式過濾器lowercase

表達式過濾器currency

指令過濾器orderby

對輸入內容進行過濾

AngularJS過濾器概述


AngularJS XMLHttpRequest

讀取一個靜態JSON文件

AngularJS Http對象概述


AngularJS表格

顯示一個簡單的表格

顯示一個帶有CSS樣式的表格

顯示一個帶有orderBy過濾器的表格

顯示一個帶有uppercase過濾器的表格

顯示一個帶有index行號的表格

顯示一個帶有even和odd樣式的表格

AngularJS表格概述


AngularJS - 從SQL中讀取數據

從MySQL數據庫中讀取數據

從SQL Server數據庫中讀取數據

AngularJS SQL概述


AngularJS DOM節點

ng-disabled指令

ng-show指令

ng-hide指令

AngularJS DOM節點概述


AngularJS事件

ng-click指令

ng-hide指令

ng-show指令

AngularJS事件概述


AngularJS模塊

在body中的AngularJS模塊

在文件中的AngularJS模塊

AngularJS模塊概述


AngularJS表單

AngularJS表單

AngularJS數據驗證

AngularJS表單概述


AngularJS API

angular.lowercase()

angular.uppercase()

angular.isString()

angular.isNumber()

AngularJS API概述


AngularJS Bootstrap

使用Bootstrap的AngularJS

使用Bootstrap和Includes的AngularJS

AngularJS Bootstrap概述


AngularJS Application

AngularJS Note Application

AngularJS TODO Application

AngularJS Application概述


文章列表


不含病毒。www.avast.com
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()