AngularJS簡單介紹

1.AngularJS 是一個 JavaScript 框架(以javaScript庫編寫的庫。)。
它可通過<script>標籤添加到 HTML 頁面(<script src="http://ngnice.com/lib/angular/1.2.16/angular.js"></script>)
2.AngularJS 通過 指令 擴展了 HTML,且通過 表達式 綁定數據到 HTML。
3.來看一個簡單的例子,有一個初步的印象:

<html ng-app><!--定義一個angularjs程序-->
<head>
<script src="http://ngnice.com/lib/angular/1.2.16/angular.js"></script><!--引用-->
</head>
<body>
 <div>
   <label>Name:</label>
    <!-- ng-model指令把輸入域的值綁定到應用程序變量name,實現雙向綁定 -->
   <input type="text" ng-model="person.name" placeholder="Enter a name here"> 
    <!-- 對應上面的ng-model="person.name",兩個大括號取表達式 -->
   <h1>Hello {{person.name}}!</h1> 
 <!-- ng-bind 指令把應用程序數據綁定到 HTML 視圖。 -->
   <p ng-bind="person.name"></p> 
    </div>
</body>
</html>

效果圖,在文本框中輸入信息,person.name會馬上顯示相對應的信息。

4.AngularJS常用功能。
- AngularJS 是專門爲應用程序設計的 HTML。”
- AngularJS 使得開發現代的單一頁面應用程序(SPAs:Single Page Applications)變得更加容易。
- AngularJS 把應用程序數據綁定到 HTML 元素。
- AngularJS 可以克隆和重複 HTML 元素。
- AngularJS 可以隱藏和顯示 HTML 元素。
- AngularJS 可以在 HTML 元素”背後”添加代碼。
- AngularJS 支持輸入驗證。

5.AngularJS是什麼?
- AngularJS的官方文檔是這樣介紹它的。
- 完全使用JavaScript編寫的客戶端技術。同其他歷史悠久的Web技術(HTML、CSS
和JavaScript)配合使用,使Web應用開發比以往更簡單、更快捷。
- AngularJS主要用於構建單頁面Web應用。它通過增加開發人員和常見Web應用開發任務之間的抽象級別,使構建交互式的現代Web應用變得更加簡單。
- AngularJS的開發團隊將其描述爲一種構建動態Web應用的結構化框架。

- 6.AngularJS主要考慮的是構建CRUD應用。幸運的是,至少90%的WEB應用都是CRUD(增、讀取、更新、刪的首字母)應用。但是要了解什麼適合用AngularJS構建,就得了解什麼不適合用AngularJS構建。
如遊戲,圖形界面編輯器,這種DOM操作很頻繁也很複雜的應用,和CRUD應用就有很大的不同,它們不適合用AngularJS來構建。像這種情況用一些更輕量、簡單的技術如jQuery可能會更好。

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