前端開發

在 AngularJS 中，Controller 之間可以共用的代碼我們通常抽出來寫成一個 Service。全局 Alert 消息系統就是一個很好的例子，比如“用戶註冊成功”、“添加商品成功”，每個 Controller 都有機會發出通告，這一部分功能應該寫成獨立模塊。

Angular-UI Bootstrap 項目提供了一系列的模塊，將 Bootstrap 中的 component 轉換為原生的 Angular directives，如果你正在同時使用 Bootstrap 和 AngularJS，那麼強烈建議你使用它。

更多 >

AngularJS 是一個 Web 應用框架，它實現了前端的 MVC 架構，能讓開發人員很方便地實現業務邏輯。

舉個栗子，要做到下面的效果，以前可能需要寫一連串的 JavaScript 代碼綁定 N 多事件。而使用 AngularJS 框架，一句 JavaScript 都不用寫就能實現了，神奇吧？查看演示。

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <div data-ng-app>
        單價： <input type="number" min=0 ng-model="price" ng-init="price = 299">
        <br>
        數量： <input type="number" min=0 ng-model="quantity" ng-init="quantity = 1">
        <br>
        總價： {{ quantity * price }}
    </div>

這得益於 AngularJS 中的雙向數據綁定特性(Two Way Data-Binding)，將 Model 和 View 自動關聯了起來，在更複雜的業務場景下，還有代碼分離的好處，將 DOM 操作和應用邏輯解耦，非常實用。

更多 >