1. 程式人生 > >angularJs 學習筆記

angularJs 學習筆記

參數 頁面 ict oot inner mes 發送請求 調用 bin

ng-app="" 定義了angularJS的使用範圍

eg:技術分享

ng-model="變量" 定義變量名

eg:技術分享

ng-init 指令初始化AngularJs應用程序變量

eg:技術分享

ng-bind 指令把變量綁定到某個段落的innerHTML

eg:技術分享

技術分享

ng-repeat 指令會重復一個html元素

eg:技術分享

依次輸出names數組中的值

ng-disabled指令 直接綁定應用程序數據到html的disabled屬性

ng-show指令 隱藏或顯示一個html元素 ng-show=ture 為可見 ng-show=false 為不可見

ng-click指令 定義了AngularJs點擊事件

AngularJs 表達式寫在雙大括號內 {{expression}}

eg:技術分享

技術分享 輸出結果10

通過添加restrict屬性,並設置值為“A” 來設置指令只能通過屬性的方式來調用

eg: 技術分享

restrictde 的值有四種

E 作為元素名使用 A 作為屬性使用 C 作為類名使用 M作為註釋使用

ng-controller="myCtrl“ 用於定義一個控制器

雙向綁定 在修改輸入域的值時,AngularJs屬性的值也將修改

eg:技術分享

AngularJs 過濾器可以使用管道字符(|)添加到表達式和指令中

eg:currency 格式化數字為貨幣格式

技術分享

scope (作用域)是應用在html和js之間的紐帶 為一個屬性 有可用的方法和屬性

$scope可以做為一個參數傳遞

eg:技術分享

$rootScope 根作用域 可以作用在ng-app指令包含的所有html元素中

AngularJs服務

$location服務 可以返回當前頁面的url地址

技術分享

$http服務 服務向服務器發送請求,應用響應服務器傳送過來的數據

eg技術分享

$timeout 函數 對應js的window.setTimeout函數

使用ng-options創建選擇框

eg: 技術分享

angularJs 學習筆記