Angular js 具體應用(一)

1,首先引用Angular  百度靜態資源庫搜索Angular  複製連接,在HTML中嵌入scriptjavascript

最好寫在正文下面html

 

<script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>java

 

2,ng-app  指定一個angular應用 簡單理解就是當前內部能夠使用angular語法   ng-...數組

,Angular環境,先確認環境,一個頁面只能有一個環境,若是須要整個頁面就寫在html中或者寫在body中,若是隻是如下部分就寫在div中便可app

 

 

雙向數據綁定 有一個變化兩個都變化spa

html3d

script 得到當前應用程序雙向綁定

 

 3,控制器htm

html 在body中要加入控制器blog

script獲取控制器

 4,ng-init 初始化變量 開發環境中數據是從後臺獲取的數據經過js出試卷

  ng-bind把初始化的值綁定到當前標籤中

格式,數子,字符串,數組 中ng-init 和 ng-bind

 字符串

 

數組

 

4,指令

 

 同步數據

兩個數據相互同步

 

ng-repeat

自定義指令

雙向綁定

5,驗證表單是否合法

valid有效的  invalid無效的  pending等待   pristine原始

 

$rootScope

還能夠將script部分從新寫一個js文件鏈接進去方便之後的維護

相關文章
相關標籤/搜索