angularJs 學習筆記
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 學習筆記