AngularJS 表達式的實例詳解

最近想做一款跨平台（pc\app\pad）的東西玩玩,研究了許多技術：

android、ios、H5、Bootrap、angular、angular2、ApiCloud、微信小程序

除android、ios 本身的枷鎖（系統）其它的都可以實現跨平台，尤其ApiCloud、微信小程式做開發sdk級解決方案很是火熱，但是從技術主權上講太依賴人家的東西，

H5 、bootstrap 在響應式相當優秀，前後端框架基本上可以承包。

當然還有很多 前端框架 如vue.js 等等。

不知道why,目前對angular產生興趣，興趣是最不要臉的行為號召力，比如你對某個漂亮姑娘產生了濃厚的興趣，然後。 。 。 。 （~~~開個玩笑）

然後就要去想辦法接近「她」 ~~

我要接近angular ~~

 

#先從收集資訊開始：

她從哪裡來？

AngularJS[1]  誕生於2009年，由Misko Hevery 等人創建，後來由Google所收購。是一款優秀的前端JS框架，已經被用在Google的多款產品當中。 AngularJS有著許多特性，最為核心的是：MVC、模組化、自動化雙向資料綁定、語意化標籤、依賴注入等等。

她的迷人之處？

AngularJS是為了克服HTML在建構應用上的不足而設計的。 HTML是一門很好的偽靜態文字展示設計的聲明式語言，但要建構WEB應用的話它就顯得乏力了。

通常，我們是透過以下技術來解決靜態網頁技術在建構動態應用上的不足：

#類別庫 - 類別庫是一些函數的集合，它能幫助你寫WEB應用。起主導作用的是你的程式碼，由你來決定何時使用類別庫。類別庫有：jQuery等

框架 - 框架是一種特殊的、已經實現了的WEB應用，你只需要對它填入特定的業務邏輯。這裡框架是起主導作用的，由它來根據具體的應用邏輯來呼叫你的程式碼。框架有：knockout、sproutcore等。

------好吧，還不夠迷人

#AngularJS透過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣，這也會損失一部分彈性。換句話說，並不是所有的應用都適合用AngularJS來做。 AngularJS主要考慮的是建構CRUD應用。幸運的是，至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建，就得了解什麼不適合用AngularJS構建。

如游戲，圖形介面編輯器，這種DOM操作很頻繁也很複雜的應用，和CRUD應用就有很大的不同，它們不適合用AngularJS來構建。像這種情況用一些更輕、簡單的技術如jQuery可能會更好。

------心動了麼？

----------不得不說，我們所有的網路行為無非是一個個的數據點進行CRUD,如購物車加減商品（+ - ）、查機票、車票、清除不聯絡的微信好友、下個訂單------------

 

進一步探索：

 

在標籤裡，我們用ng-app識別碼標示這是AngularJS應用。

這個ng-app標識符會使AngularJS自動初始化(auto initialize)你的應用。

我們用