初識Angular.js


Angular.js是什么

AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發任務之間的抽象級別,使構建交互式的現代Web應用變得更加簡單。

AngularJS使開發Web應用變得非常簡單,同時也降低了構建復雜應用的難度。它提供了開發者在現代Web應用中經常要用到的一系列高級功能,例如:

1.解耦應用邏輯、數據模型和視圖;

2.Ajax服務;

3.依賴注入; 

4.瀏覽歷史(使書簽和前進、后退按鈕能夠像在普通Web應用中一樣工作);

5.測試等。

AngularJS有着諸多特性,最為核心的是:MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入。

Hello World

上代碼了,經典的hello world

<!DOCTYPE html> 
<html ng-app>
<head>
    <title></title>
    <script src="Scripts/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <input ng-model="name" type="text" placeholder="Your name"  />
    <h1>hello {{name}}</h1>
</body>
</html>

頁面中引用angular.js,並在某個DOM元素上明確設置ng-app屬性。ng-app屬性聲明所有被其包含的內容都屬於這個AngularJS應用,這也是我們可以在Web應用中嵌套AngularJS

應的原因。只有被具有ng-app屬性的DOM元素包含的元素才會受AngularJS影響。

把文本框的內容改為“博客園”,

自動數據綁定,當客戶端模型數據發生改變,視圖直接反映出這些變化,也不需要自定義代碼,是不是感覺很方便呢,如果用js自己實現這么一個效果可能要寫一串代碼了。

這就是angular最基本的數據綁定了。

最近項目用到了angular.js,項目也快結束了,記錄下angular在使用中遇到的一些問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM