初識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在使用中遇到的一些問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章