AngularJS前端框架的簡述

1.AngularJS簡介

AngularJS 誕生於2009年，由Misko Hevery 等人創建，後爲Google所收購。是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有着諸多特性，最爲核心的是：MVC、模塊化、自動化雙向數據綁定、依賴注入等等。

2.AngularJS的四大特徵

mvc模式------model view controller
雙向綁定
依賴注入
模塊化設計

3.入門demo

1.1.表達式

{{100+100}}

結果是：200
知識點總結：
表達式的寫法是{{表達式 }} 表達式可以是變量或是運算式
ng-app 指令 作用是告訴子元素一下的指令是歸angularJs的,angularJs會識別的
ng-app 指令定義了 AngularJS 應用程序的 根元素。
ng-app 指令在網頁加載完畢時會自動引導（自動初始化）應用程序。

1.2.雙向綁定

知識點總結：
ng-model 指令用於綁定變量,這樣用戶在文本框輸入的內容會綁定到變量上，而表達式可以實時地輸出變量。

1.3.初始化指令
我們如果希望有些變量具有初始值，可以使用ng-init指令來對變量初始化

請輸入你的姓名：
{{myname}},你好

1.4.控制器

ng-controller用於指定所使用的控制器。

1.5.事件指令


ng-click 是最常用的單擊事件指令，再點擊時觸發控制器的某個方法

1.6.循環數組


這裏的ng-repeat指令用於循環數組變量。

1.7.循環對象數組



1.8.內置服務

我們的數據一般都是從後端獲取的，那麼如何獲取數據呢？我們一般使用內置服務$http來實現。注意：以下代碼需要在tomcat中運行。