簡介
AngularJS 是一個?JavaScript?框架。它可通過?<script> 標簽添加到 HTML 頁面。
AngularJS 通過?指令?擴展了 HTML,且通過?表達式?綁定數據到 HTML。
AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的庫。
AngularJS 是以一個 JavaScript 文件形式發布的,可通過 script 標簽添加到網頁中:
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS 通過?ng-directives?擴展了 HTML。AngularJS 指令是以?ng?作為前綴的 HTML 屬性
ng-app?指令定義一個 AngularJS 應用程序。
ng-model?指令 把元素值(比如輸入域的值)綁定到應用程序。
ng-bind?或{{}}指令 把應用程序數據綁定到 HTML 視圖。
實例:
<!DOCTYPE html> <html> <body> <div ng-app=""><p>在輸入框中嘗試輸入:</p><p>姓名:<input type="text" ng-model="name"></p><p ng-bind="name"></p> </div> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </body> </html>
當網頁加載完畢,AngularJS 自動開啟。
ng-app?指令告訴 AngularJS,<div> 元素是 AngularJS?應用程序?的"所有者"。
ng-model?指令把輸入域的值綁定到應用程序變量?name。
ng-bind?指令把應用程序變量 name 綁定到某個段落的 innerHTML。
AngularJS 表達式
AngularJS 表達式寫在雙大括號內:{{ expression }}。
AngularJS 表達式把數據綁定到 HTML,這與?ng-bind?指令有異曲同工之妙。
AngularJS 將在表達式書寫的位置"輸出"數據。
AngularJS?表達式?很像?JavaScript?表達式:它們可以包含文字、運算符和變量。實例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 對象就像?JavaScript 對象:person={firstName:'John',lastName:'Doe'}
AngularJS 數組就像 JavaScript 數組:points=[1,15,19,2,40]
?
angular開發工具介紹
代碼編輯工具:Sublime(輕量級)、webstorm
斷點調試工具:chrome插件batarang
版本管理工具:git
開發和調試工具:Nodejs,,npm包管理器【npm install xxx】以下都可以通過npm安裝
代碼合并和混淆工具:grunt
?
依賴管理工具:bower
輕量級server:http-server??? 模擬后臺,在目錄下模擬一些文件數據
js單元測試runner:karma+jasmine
Karma:跑測試用例的runner;jasmine:用例編寫測試用例
Angularjs專用的單元測試工具:Protrator
?