javascript
【angularJS】简介
簡(jiǎn)介
AngularJS 是一個(gè)?JavaScript?框架。它可通過(guò)?<script> 標(biāo)簽添加到 HTML 頁(yè)面。
AngularJS 通過(guò)?指令?擴(kuò)展了 HTML，且通過(guò)?表達(dá)式?綁定數(shù)據(jù)到 HTML。
AngularJS 是一個(gè) JavaScript 框架。它是一個(gè)以 JavaScript 編寫的庫(kù)。
AngularJS 是以一個(gè) JavaScript 文件形式發(fā)布的，可通過(guò) script 標(biāo)簽添加到網(wǎng)頁(yè)中：
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS 通過(guò)?ng-directives?擴(kuò)展了 HTML。AngularJS 指令是以?ng?作為前綴的 HTML 屬性
ng-app?指令定義一個(gè) AngularJS 應(yīng)用程序。
ng-model?指令 把元素值（比如輸入域的值）綁定到應(yīng)用程序。
ng-bind?或{{}}指令 把應(yīng)用程序數(shù)據(jù)綁定到 HTML 視圖。
實(shí)例：
<!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>當(dāng)網(wǎng)頁(yè)加載完畢，AngularJS 自動(dòng)開啟。
ng-app?指令告訴 AngularJS，<div> 元素是 AngularJS?應(yīng)用程序?的"所有者"。
ng-model?指令把輸入域的值綁定到應(yīng)用程序變量?name。
ng-bind?指令把應(yīng)用程序變量 name 綁定到某個(gè)段落的 innerHTML。
AngularJS 表達(dá)式
AngularJS 表達(dá)式寫在雙大括號(hào)內(nèi)：{{ expression }}。
AngularJS 表達(dá)式把數(shù)據(jù)綁定到 HTML，這與?ng-bind?指令有異曲同工之妙。
AngularJS 將在表達(dá)式書寫的位置"輸出"數(shù)據(jù)。
AngularJS?表達(dá)式?很像?JavaScript?表達(dá)式：它們可以包含文字、運(yùn)算符和變量。實(shí)例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 對(duì)象就像?JavaScript 對(duì)象：person={firstName:'John',lastName:'Doe'}
AngularJS 數(shù)組就像 JavaScript 數(shù)組：points=[1,15,19,2,40]
?
angular開發(fā)工具介紹
代碼編輯工具：Sublime（輕量級(jí)）、webstorm
斷點(diǎn)調(diào)試工具：chrome插件batarang
版本管理工具：git
開發(fā)和調(diào)試工具：Nodejs，，npm包管理器【npm install xxx】以下都可以通過(guò)npm安裝
代碼合并和混淆工具：grunt
?
依賴管理工具：bower
輕量級(jí)server：http-server??? 模擬后臺(tái)，在目錄下模擬一些文件數(shù)據(jù)
js單元測(cè)試runner：karma+jasmine
Karma：跑測(cè)試用例的runner；jasmine：用例編寫測(cè)試用例
Angularjs專用的單元測(cè)試工具：Protrator
?
轉(zhuǎn)載于:https://www.cnblogs.com/peterYong/p/10098845.html
總結(jié)
以上是生活随笔為你收集整理的【angularJS】简介的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 做梦梦到整容失败是什么意思
- 下一篇： Spring boot 中pom.xml