在《AngularJS中文參考手冊(cè)》中,AngularJS 透過(guò)新的屬性和表達(dá)式擴(kuò)展了 HTML。 AngularJS 可以建立一個(gè)單一頁(yè)面應(yīng)用程式(SPAs:Single Page Applications)。 AngularJS 學(xué)習(xí)起來(lái)非常簡(jiǎn)單。
AngularJS是一款由Google維護(hù)的開(kāi)源JavaScript庫(kù),用來(lái)協(xié)助單一頁(yè)面應(yīng)用程式運(yùn)行。它的目標(biāo)是透過(guò)MVC模式(MVC)功能增強(qiáng)基於瀏覽器的應(yīng)用,使開(kāi)發(fā)和測(cè)試變得更加容易。在版本2大改(最突出的改變的全面使用TypeScript)之後改名Angular,第N版以Angular N的形式命名。
庫(kù)讀取包含附加自訂(標(biāo)籤屬性)的HTML,遵循這些自訂屬性中的指令,並將頁(yè)面中的輸入或輸出與由JavaScript變數(shù)表示的模型綁定。這些JavaScript變數(shù)的值可以手動(dòng)設(shè)置,或從靜態(tài)或動(dòng)態(tài)JSON資源中取得。
提示:在開(kāi)始學(xué)習(xí)?AngularJS?之前,您需要具備HTML、CSS、JavaScript基礎(chǔ)知識(shí)。
下面讓我們執(zhí)行第一個(gè)AngularJS實(shí)例吧!
第一個(gè)AngularJS實(shí)例
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1> </div> </body> </html>
運(yùn)行實(shí)例?
點(diǎn)擊"運(yùn)行實(shí)例" 按鈕查看線上實(shí)例
Angular遵循軟體工程的MVC模式,並鼓勵(lì)展現(xiàn),數(shù)據(jù),和邏輯組件之間的鬆散耦合。透過(guò)依賴(lài)注入(dependency injection),Angular為客戶(hù)端的Web應(yīng)用帶來(lái)了傳統(tǒng)服務(wù)端的服務(wù),例如獨(dú)立於視圖的控制。因此,後端減少了許多負(fù)擔(dān),產(chǎn)生了更輕的Web應(yīng)用。
提示:我們的AngularJS?教學(xué)將幫助您逐步學(xué)習(xí)如何掌握並使用AngularJS?,如果你有任何疑問(wèn),請(qǐng)前往PHP中文網(wǎng)AngularJS社群提出你的問(wèn)題,會(huì)有熱心網(wǎng)友為你解答。
AngularJS主要特點(diǎn)
AngularJS透過(guò)為開(kāi)發(fā)者呈現(xiàn)一個(gè)更高層次的抽象來(lái)簡(jiǎn)化應(yīng)用的開(kāi)發(fā)。如同其他的抽象技術(shù)一樣,這也會(huì)損失一部分彈性。換句話說(shuō),並不是所有的應(yīng)用都適合用AngularJS來(lái)做。
AngularJS主要考慮的是建構(gòu)CRUD應(yīng)用。幸運(yùn)的是,至少90%的WEB應(yīng)用都是CRUD應(yīng)用。但是要了解什麼適合用AngularJS構(gòu)建,就得了解什麼不適合用AngularJS構(gòu)建。
如遊戲,圖形介面編輯器,這種DOM操作很頻繁也很複雜的應(yīng)用,和CRUD應(yīng)用就有很大的不同,它們不適合用AngularJS來(lái)建構(gòu)。像這種情況用一些更輕、簡(jiǎn)單的技術(shù)如jQuery可能會(huì)更好。
AngularJS設(shè)計(jì)目標(biāo):
#將應(yīng)用邏輯與對(duì)DOM的操作解耦。這會(huì)提高程式碼的可測(cè)試性。
將應(yīng)用程式的測(cè)試看的跟應(yīng)用程式的編寫(xiě)一樣重要。程式碼的構(gòu)成方式對(duì)測(cè)試的難度有巨大的影響。
將應(yīng)用程式的用戶(hù)端與服務(wù)端解耦。這允許客戶(hù)端和服務(wù)端的開(kāi)發(fā)可以齊頭並進(jìn),並且讓雙方的複用成為可能。
指導(dǎo)開(kāi)發(fā)者完成建立應(yīng)用程式的整個(gè)歷程:從使用者介面的設(shè)計(jì),到編寫(xiě)業(yè)務(wù)邏輯,再到測(cè)試。
本AngularJS教程手冊(cè)涵蓋的內(nèi)容
本AngularJS教程手冊(cè)涵蓋所有React基礎(chǔ)使用方法,包含了AngularJS表達(dá)式、AngularJS指令、AngularJS模型、AngularJS控制器、AngularJS表格、AngularJS事件、AngularJS模組、AngularJS動(dòng)畫(huà)、AngularJS依賴(lài)注入、AngularJS路由等等的詳細(xì)知識(shí)。
提示:本教學(xué)的每一章都包含了許多AngularJS實(shí)例,您可以直接點(diǎn)擊?"執(zhí)行實(shí)例"?按鈕線上查看結(jié)果。這些例子將幫助您更好地理解和使用AngularJS。
最新章節(jié)
- AngularJS 參考手冊(cè) 2016-10-19
- AngularJS 2016-10-19
- AngularJS 應(yīng)用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依賴(lài)注入 2016-10-19
- AngularJS 動(dòng)畫(huà) 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
相關(guān)課程
- Web前端開(kāi)發(fā)極速入門(mén) 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門(mén)影片教學(xué) 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開(kāi)發(fā)Web應(yīng)用程式基礎(chǔ)實(shí)例影片教學(xué) 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎(chǔ)影片教學(xué) 2022-04-13
- 線上訓(xùn)練班試聽(tīng)課 2019-01-10